JSFiddle - React, Tailwind, and code Playground

by klodoma

HTML

<div class="section">
    <div class="container">
      <div class="background green" />
      <div>
        some content
      </div>
    </div>
  </div>

CSS

.section {
  width: 100%;
  background-color: yellow;
}

.container {
  height: 300px;
  padding: 30px;
  margin: 100px;
  background-color: red;
}

.background {
  width: 100%;
  height: 100%;
}

.red {
  background: red;
}

.green {
  background: green;
}