T-rex Run (Copy 1222)

✨ NARUMOL THONGCHUE

<html>
  <head>
    <title>Let's Start
    </title>
    <style>
      body{
        display:flex;
        margin:0;
        background:#fee;
        --cardW:cal(100%/5);
        --cardH:cal(100%/3);
      }
      #bord{
        width:100vmin;
        height:80vmin;
        background:#666;
        margin:auto;
        position:relative;
      }
      #zone{
        width:100%;
        height:100%;
        position:absolute;
        top:0;
        left:0;
        background:deeppink;
      }
      zone_card{
        width:var(--cardW);
        height:var(--cardH);
        background:#0005;
        float:left;
      }
      zone_card:nth-child(even){
        background:#0001;
      }
    </style>
  </head>
  <body>
    <div id="bord">
      <div id="zone">
      </div>
    </div>
    <script>
      chadma()
      function chadma(){
        // 3X5 -- 15 card
        let haku = ''
        for(let i=0; i<15; i++){
          haku += '<zone_card></zone_card>'
        }
        document.querySelector('#zone').innerHTML = haku
      }
    </script>
  </body>
</html>