JSFiddle - React, Tailwind, and code Playground

by Chris Nicholson

HTML

<header>
    
    <h1>This is my title</h1>
    
</header>

<article></article>

<footer></footer>

CSS

header,
footer {
    width: 100%;
    min-height: 100px;
    background: #eee;
    overflow: hidden;
}

article {
    margin: 0 auto;
    max-width: 500px;
    height: 100px;
    background: #ddd;
}

h1 {
    margin: 30px auto;
    width: 500px;
    background: #bbb;
}