JSFiddle - React, Tailwind, and code Playground

by rus333

HTML

<div class="wrap">
    <div class="img"></div><div class="text"></div>
    <div class="text"></div><div class="img"></div>
    <div class="img"></div><div class="text"></div>
</div>

CSS

html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
.wrap {
    width: 100%;
    background: #252525;
    overflow: hidden;
}
.img {
    width: 68%;
    height: 150px;
    float: left;
    margin: 1%;
    background: #bfbfbf;
}
.text {
    width: 28%;
    height: 150px;
    float: left;
    margin: 1%;
    background: #ffffff;
}