JSFiddle - React, Tailwind, and code Playground

by Margus Martsepp

HTML

<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'><div id="outer" style="width:100%; margin-top:100px;">  
<div class="inner" >
<img src="http://www.dv.ee/images/lehtmaas_seadmed.png"  style="width:80%;"></img>
</div>
<div class="inner">
    <p class="droid" style="margin-top:24px;">Tššš, palume vabandust ja veidi kannatust!<br/>Kohe tuleb uus kujundus ja palju muud huvitavat. Hommik on õhtust targem.</p>
</div>
<div class="inner">
<img src="http://www.dv.ee/images/lehtmaaslogo.png" alt="Smiley face" align="right"></img>
</div>
</div>

CSS

.droid { font-family: "Lato",Helvetica,Arial,Verdana,Tahoma; font-size:16px; }

p { line-height: 0.9em;}

body {
   background-color: #FFF6F3;
}
.inner {
    text-align: center;
    max-width: 540px;
    margin: 0 auto;
    border:1px;
}
#img{
    background: url('http://www.dv.ee/images/lehtmaas_seadmed.png') no-repeat fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}