JSFiddle - React, Tailwind, and code Playground

by NightSpark

HTML

<body>
<header>
header
</header>
<article>
article with small amount of content<br>
<br>
and a simple contact form<br>
<br>
this red border needs to meet the top of the footer<br>
without creating a vertical scroll bar
</article>
<footer>
footer
</footer>
</body>

CSS

header {
    height: 44px;
    background: orange;
}

article {
    box-sizing: border-box;
	border: 1px solid red; 
}

footer {
    height: 22px;
    background: green;
    position: absolute;
    bottom: 0;
}