JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
     <h1>My Page</h1>

    <div class="column"></div>
    
    <div class="column"></div>
    
    <footer></footer>
</div>

CSS

#wrapper {
    width:500px;
    height:500px;
    border:1px solid #000000;
    margin: 10px auto 10px auto;
}
h1 {
    text-align:center;
}
.column {
    width:238px;
    height:370px;
    border:1px solid #000000;
    margin: 5px;
    float:left;
}
footer {
    height: 30px;
    border:1px solid #000000;
    margin:5px;
    clear:left;
}