JSFiddle - React, Tailwind, and code Playground

HTML

<body>
      <div id='container'>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
             <div id='button1'>image</div>
       </div>

 </body>

CSS

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
}
#container {
    width: 100%;
    height: 100%;
}
#container div {
    width: 33%;
    height: 33%;
    float: left;
}