JSFiddle - React, Tailwind, and code Playground

HTML

<section>
    <article id="widget1">
        Widget here
    </article>
</section>
<section>
    <article id="widget2">
        Second widget here
    </article>
</section>
<section>
    <article id="widget3">
        Third widget here
    </article>
</section>

CSS

section {
    height:500px;
    width:200px;
    background:#FF0000;
    float:left;
    margin-right:20px;
}
article {
    height:200px;
    width:200px;
    background:#484848;
}
#widget1 {
    margin-top:20px;
}
#widget2 {
    margin-top:20px;
}
#widget3 {
    margin-top:20px;
}