JSFiddle - React, Tailwind, and code Playground

by Jasmincvv

HTML

<div class="wrapper">
 <div class="red block"></div>
 <div class="yellow block"></div>
 <div class="blue block"></div>
 <div class="green block"></div>
</div>

CSS

.wrapper{
  height:100vh;
  padding: 30px;
  text:center;
  background: #3A3B3C;
}
.block {
  height:40px;
  width:40px;
  border-radius: 4px;
}
.red {
  background: #CB6D51;
  float:left;
}
.yellow {
  background:#FBE7A1;
  float: left;
}
.blue {
  background: #3090C7;
  float: left;
  clear:both;
}
.green {
  background: #2E8B57;
  float: left;
}