JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE HTML> 
    <html>     
        <head>             
            <title>redditClone</title>     
            <meta charset="utf-8"/>
            <link rel=stylesheet href=redditClone.css></link>       
        </head>     
        <body>
            <nav>my subreddits - dashboard - front - all - random - friends</nav>
            <header>
                <h1>Reddit</h1>
                <nav>theRealAgorist preferences</nav>
            </header>   
            <section></section>
            <aside></aside>
            <footer></footer>
        </body>
    </html>

CSS

*{ 
    margin: 0px;
    padding: 0px;
}

header nav section aside footer{display: block}

body{
    border: solid red 2px;
}

nav{
    border: solid black 2px;
}