JSFiddle - React, Tailwind, and code Playground

by anmol sandal

HTML

<div class="container-fluid">

<div class="row colorone"></div>
<div class="content">
  <md-card>

    </md-card>

  </div>
<div class="row colortwo"></div>
  </div>

CSS

.colorone{
    background-color:white;
    height: 50%;
    background-repeat: repeat-x;

  } 
  .colortwo{
    background-color:#E1F0FA;
    height: 50%;
    background-repeat: repeat-x;

    }

  .content{
    position: relative;
    z-index: 3;
    padding: 30px;
    display:inline;
  }