JSFiddle - React, Tailwind, and code Playground

by abogoud

HTML

<div style="background-color: #007700; height: 200px; width: 100%">
  <div style="margin-left: 1%" class="bubu">1</div>
  <div style="margin-left: 33%" class="bubu">2</div>
  <div style="margin-left: 65%" class="bubu">3</div>
</div>

CSS

.bubu {
  position: absolute;
  height: 300px;
  width: 30%;
  margin-top: 50px;
  margin-right: 15px;
  box-shadow: 0 0 10px 3px rgba(100, 100, 100, 0.3);
  border-radius: 10px;
  background-color: white;
  text-align: center;
  padding-top: 10px;
}