JSFiddle - React, Tailwind, and code Playground

by Yonas Hailu

HTML

<header></header>
<main></main>
<footer></footer>

CSS

* {
    margin: 0;
    padding: 0;
    outline: 0;
    border: 0;
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header,
main,
footer{
	position: relative;
	float: left;
	width: 100%;

}
header {
		background: black;
		min-height: 10px;
}
main {
	min-height: 450px;
		background: gray;
}
footer {
	background: black;
	min-height: 10px;
}