JSFiddle - React, Tailwind, and code Playground

Plantilla básica con header + footer

by Yolanda Robles

HTML

<div class="wrapper">
    <header>This is my header!</header>
    <div class="content">This is my content!holá
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
        <br/>
    </div>
</div>
<!--end wrapper-->
<footer>This is my footer!</footer>

CSS

body, html {
    height:100%;
    margin:0;
}
.wrapper {
    min-height:100%;
}
header {
    height:40px;
    background:#CCC;
    overflow:auto;
    display:block;
}
.content {
    padding-bottom: 40px;
    overflow: auto;
}
footer {
    height: 40px;
    width:100%;
    background:#CCC;
    margin-top:-40px;
    display:block;
}