JSFiddle - React, Tailwind, and code Playground

by dodozhang21

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Title</title>
</head>
<body>
    <header>
        <h1>Header in h1</h1>
    </header>
    <nav>
        I'm the navigation
    </nav>
    <section>
        I'm the content
    </section>
    <aside>
        I'm the sidebar
    </aside>
    <footer>Footer Footer Footer</footer>
</body>
</html>

CSS

header {
    background-color: red;
    height: 50px;
}    

nav {
    background-color: orange;
    height: 50px;
    float: left;
    width: 25%;
}

section {
    background-color: yellow;
    float: left;
    min-height: 150px;
    width: 60%;
}

aside {
    background-color: blue;
    height: 50px;
}

footer {
    clear: both;
    background-color: purple;
    height: 50px;
}