JSFiddle - React, Tailwind, and code Playground

by Tyler

HTML

<div id="sides">
    <div id="leftside">
        <h1>text</h1>
        <p>
            <h2>text</h2>
            <br>
    </div><!--
 --><div id="rightside">
        <h1>text</h1>
        <p>
            <h2>text</h2>
            <br>
    </div>
</div>

CSS

html, body {
    margin: 0;
}
#sides {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: white;
}
#leftside {
    width: 50%;
    background-color: grey;
    padding: 20px 0;
    display: inline-block;
}
#rightside {
    width: 50%;
    display: inline-block;
    background-color: #018DCA;
    padding: 20px 0;
}