JSFiddle - React, Tailwind, and code Playground

HTML

<div class="MyClass Group" id="page"><!-- column -->
   <div class="MyClass" id="unkown100"><!-- simple frame --></div>
   <div class="MyClass" id="unkown101"><!-- simple frame --></div>
   <div class="MyClass" id="unkown102"><!-- simple frame --></div>
   <div class="MyClass" id="unkown103"><!-- simple frame --></div>
   <div class="MyClass" id="unkown104"><!-- simple frame --></div>
   <div class="MyClass" id="unkown105"><!-- simple frame --></div>
  </div>

CSS

html,body{
  height:100%;
}
.MyClass {
  width:100%;
  height:100%;
}

.MyClass div {
  width:10%;
  height:10%;
  background:#a00;
  margin:1%;
  float:left;
}