Midterm เสร็จแล้ว (Branch 3393)

✨ นางสาวจุฑามาศ ชนาฐิติกุล

<html>
  <head>
    <style>
      body{
        font-size:0;
        margin: 0;
      }
      div{
        display: inline-block;
			width: 20%;
        height: 20%;
      }
      div:nth-child(1){
			background: hsl(180,100%,60%);
      }
      div:nth-child(2){
			background: hsl(180,95%,45%);
      }
      div:nth-child(3){
			background: hsl(180,100%,60%);
      }
      div:nth-child(4){
			background: hsl(180,95%,45%);
      }
      div:nth-child(5){
			background: hsl(180,100%,60%);
      }
      div:nth-child(6){
			background: hsl(180,95%,45%);
      }
      div:nth-child(7){
			background: hsl(180,100%,60%);
      }
      div:nth-child(8){
			background: hsl(180,95%,45%);
      }
      div:nth-child(9){
			background: hsl(180,100%,60%);
      }
      div:nth-child(10){
			background: hsl(180,95%,45%);
      }
      div:nth-child(11){
			background: hsl(180,100%,60%);
      }
      div:nth-child(12){
			background: hsl(180,95%,45%);
      }
      div:nth-child(13){
			background: hsl(180,100%,60%);
      }
      div:nth-child(14){
			background: hsl(180,95%,45%);
      }
      div:nth-child(15){
			background: hsl(180,100%,60%);
      }
      div:nth-child(16){
			background: hsl(180,95%,45%);
      }
      div:nth-child(17){
			background: hsl(180,100%,60%);
      }
      div:nth-child(18){
			background: hsl(180,95%,45%);
      }
      div:nth-child(19){
			background: hsl(180,100%,60%);
      }
      div:nth-child(20){
			background: hsl(180,95%,45%);
      }
      div:nth-child(21){
			background: hsl(180,100%,60%);
      }
      div:nth-child(22){
			background: hsl(180,95%,45%);
      }
      div:nth-child(23){
			background: hsl(180,100%,60%);
      }
      div:nth-child(24){
			background: hsl(180,95%,45%);
      }
      div:nth-child(25){
			background: hsl(180,100%,60%);
      }
      
    </style>
  </head>
  <body>
    
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
    <div>
    </div>
  </body>
</html>