JSFiddle - React, Tailwind, and code Playground

HTML

<body>
    <div class="wrapper">
        <header>
            <nav>
                <a href="#" class="nav_left">A</a>
                <a href="#" class="nav_left">B</a>
                <a href="#" class="nav_left">C</a>
            </nav>
        </header>
        <article class="main">
            <p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing, hendrerit purus vitae, ultrices erat. Maecenas nunc tortor, gravida eu gravida sed, porta eu diam.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque piscing,...

CSS

html{
    height:100%;
}

body {
    height: 100%;
    padding: 0;
    margin: 0 auto;
}

.wrapper {
    min-height: 100%;
    position:relative;
}

header {
    background: #ff0;
    padding: 20px;
}

.main {
    padding-bottom: 40px;
    height:auto;
    min-height:100%;
}

footer{
    position: absolute;
    height: 40px;
    bottom:0;
    background-color: #e55;
    width:100%;
}