JSFiddle - React, Tailwind, and code Playground

by ciaoben

HTML

<div class='panel'>
    <div class='picture'></div>
    <div class='desc'>
        <h1>persico dosimo</h1>
        <p>ciao csdkldjs cds cjdoscj dsckljc skcdjs cdskljc dcs csdjc dscds cjdslcsd cdsklc djscdscjds cdslcds jcsdcjdscdsc</p>
    </div>
    <div class='year'></div>
</div>

CSS

div {
}
.panel {
    border: solid 1px black;
    height: 200px;
    width: 800px;
    border-radius: 5px;
}
.desc {
    height: 100%;
    width: 50%;
    float:left;
    font-size: 20px;
    padding: 10px;
}
.picture {
    border-radius: 5px 0 0 5px;
    height: 100%;
    width: 30%;
    float:left;
    background-image: url('http://www.emme4srl.it/imgNoCrop/900/600/1-1/mediaDB/impianto-cabina-elettrica.jpg');
    background-size:300px;
    border-right: 1px solid black;
}
.year {
    border-radius: 0 5px 5px 0;
    height: 100%;
    width: 19%;
    float:left;
}