پروژه دریافت طول - عرض - ضلع برای به دست آوردن یک نقشه آینه

درود دوست عزیز - دقیقا سوال رو نفهمیدم - اما فرضم اینه :
میخایم برنامه ای بنویسیم که این طرح رو روی هر ابعادی که بدیم بزنه به همین نسبت ( یعنی یک آینه یک متری با این ابعاد مربع هاش این سایز ها رو داشته باشند و یک آینه دو متری یعنی مربع ها و ... اشکال داخل به نسبت دو برابر بشند )
درسته ؟
به نظرم اولین کاری که باید بکنید اینه که شکل تکرار شونده این عکس رو پیدا کنین- همینطور که مشهوده یک شکل تکرار شونده داره هی تکرار میشه
بعداین شکل رو میتونین با Html و Css تولید کنید ( البته سایز هاش به کمک یک فرم و جاوااسکریپت گرفته بشه بعد div های لازم تولید بشه)
سپس وقتی کاربر اندازه های اصلی ( طول و عرض آینه) رو وارد کرد با فایل جاوااسکریپت شروع به مقدار لازم برای تولید این شکل های تکرار شونده توی یک div مادر میکنیم .
توضیح بیشتر
div ( یا بگیم element بهتره) مادر : المنتی که با طول و عرض آینه اصلی برابر
div شکل تکرار شونده : که باید با css طراحی و تنظیم بشه ( من زیاد توی css متخصص نیستم اما تقربیا هر چیزی که توی ذهن قابل تصوره با Css هم قابل پیاده سازیه)

<div id="mother">
    <div class="repeat"></div>
     <div class="repeat"></div>
      <div class="repeat"></div>
      .
      .
      .

</div>

برای طراحی با grid بندی درست هم میتونی از فایل bootstrap grid استفاده کنی
شکل تکرار شونده به نظر من اینه :

بهتره این رو با چیزی مثل canvas یا opengl یا svg بنویسید
و همونطور که دوستمون اشاره کردن اول از همه شکل تکرار شونده این عکس رو بسازید