JSFiddle - React, Tailwind, and code Playground

by hiral

HTML

<div class="container">
  <div class="tab"></div>
  <div class="page">
    <div class="content"></div>
  </div>
  <div class="tab"></div>
  <div class="tab"></div>
  <div class="tab"></div>
  <div class="tab"></div>
  <div class="tab"></div>
</div>

CSS

body{background:#2A3F54}
.container{background:#F5F5F5;margin:30px;padding:30px;height:500px}
.tab{background:#FFAE23;padding:20px}
.tab:not(:first-of-type){margin-top:20px}
.page{background:#FFF;padding:20px;border:1px solid #ccc}
.content{padding:20px;background:#67C3D4}