JSFiddle - React, Tailwind, and code Playground

by gavinfoley

HTML

<div class="container">
    <div id="header">
        <p></p>                   
    </div>    
</div>

<div id="footer"></div>

CSS

body {
    background-color: yellow;
    width: 100%;
}
div.container {
    background-color: green;
    width: 300px;
    height: 300px;
    margin: 0 auto;
    position: relative;
}
div#header {
    background-color: blue;
    width: 100%;
    height: 30px;
}

div#footer {
    background-color: red;
    width: 100%;
    height: 30px;       
}