PvP1 Sec B PJB – CODEBOX

PvP1 Sec B PJB

✨ Jabont

<style>
  body{
    margin:1em;
    font-family:sans-serif;
    display:flex;
    justify-content:center;
    align-items:center;
    background-size:cover;
    background-position:center;
  }
  h1{
    text-align:center;
    font-size:10vw;
    color:hsl(270,100%,50%);
  }
  .box{
    width:7vw;
    height:7vw;
    display:inline-block;
    background:red;
  }
  
  .box:nth-child(1){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(2){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(3){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(4){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(5){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(6){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(7){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(8){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(9){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(10){
    background:hsl(270,100%,50%);
  }
  .box:nth-child(11){
    background:hsl(270,100%,50%);
  }
</style>
<div>
  <h1>
    ไอที ลาดกระบัง
  </h1>
  <div>
    <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  <div class="box">
  </div>
  </div>
</div>