JSFiddle - React, Tailwind, and code Playground

by NunoMira

HTML

<div id="main">
  <div class="inner">
  1
  </div>
  <div class="inner">
  2
  </div>
  <div class="inner">
  3
  </div>
</div>

CSS

#main
{
  width: 100%;
  height: auto;
  background-color: red;
  display: inline-block;
  
}
.inner
{
  overflow: hidden;
  border: 3px solid black;
    width: 120px;
    height: 100px;
  background-color: green;
  display: block;
  float: left;
}

JavaScript

//PARA TER DIVS A ENCAVALITAREM-SE CONFORME A WIDTH DA JANELA