JSFiddle - React, Tailwind, and code Playground

by wliyongfeng

HTML

<div class="wrapper">
    <div class="header">header</div>
    <div class="center">center</div>
    <div class="footer">footer</div>
</div>

CSS

div {
    width: 100%;
}
.wrapper {
    position: relative;
    height: 500px;
    /* background-color: yellow; */
}

.header {
    height: 100px;
    background-color: orange;
}

.center {
    height: 100px;
    background-color: yellow;
}

.footer {
    height: 100px;
    background-color: green;
    position: absolute;
    bottom: 0;
}