JSFiddle - React, Tailwind, and code Playground

by lottikarotti

HTML

<div class='box'>
    <div class='backlay'>
        <div class='top'></div>
        <div class='content'>
            Content..
        </div>
    </div>
</div>

CSS

*{
    box-sizing: border-box;
}

html,body{
    font-family: arial, sans-serif;
    width: 100%;
    height: 100%;
    background: #333 url(http://i.telegraph.co.uk/multimedia/archive/02423/london_2423609b.jpg);
    background-size: cover;
}

body{
    padding: 2em;
}

.box{}

.backlay{
    padding: 0 15px;
    background-color: rgba(255, 255, 255, 0.5) ! important;
}

.top{
    height: 15px;
    background-color: #174194;
}

.content{
    padding: 15px;
    background-color: #fff;
}