JSFiddle - React, Tailwind, and code Playground

by Laurent Dufour

HTML

<div class="wrapper">
  <div id="bloc1" class="bloc">1</div>
  <div id="bloc2" class="bloc">2</div>
  <div id="bloc3" class="bloc">3</div>
</div>

CSS

.wrapper {
  width: 880px;
  display: flex;
}
  .bloc {
    flex: 1 1;
  }
  #bloc1 {
    background-color:#FF3366;
  }
  #bloc2 {
    background-color:#9966FF;
  }
  #bloc3 {
    background-color:blue;
  }