JSFiddle - React, Tailwind, and code Playground

by janjarfalk

HTML

<div id="page">
  <div class="item"></div>
    <div class="item2"></div>
      <div class="item2"></div>
</div>

CSS

body, html {
  margin: 0;
  padding: 0;
}

.item {
  display: inline-block;
  background: #fff;
  margin: 2%;
  width: 92%;
  padding-top: 92%;
}

.item2 {
  display: inline-block;
  background: #fff;
  margin: 2%;
  width: 44%;
  padding-top: 46%;
}

#page {
  background: #333;
  max-width: 300px;
}