JSFiddle - React, Tailwind, and code Playground

by Davide Brognoli

HTML

<div class="container">
  <div class="content" id="content_1"></div>
  <div class="content" id="content_2"></div>
  <div class="content" id="content_3"></div>
  <div class="content" id="content_4"></div>
  <div class="content" id="content_5"></div>
  <div class="content" id="content_6"></div>
</div>

CSS

.content{
  height: 100px;
}

#content_1{
  width: 20%;
  background-color: red;
}

#content_2{
  width: 10%;
  background-color: blue;
}

#content_3{
  width: 20px;
  background-color: green;
}

#content_4{
  width: 50px;
  background-color: yellow;
}

#content_5{
    width: 20%;
    background-color: black;
}