JSFiddle - React, Tailwind, and code Playground

HTML

<div id="container">
    <div id="header">Header</div>
    <div id="content">Content</div>
    <div id="footer"><img src="https://upload.wikimedia.org/wikipedia/commons/f/f5/Image_manquante_2.svg"></div>
</div>

CSS

html, body, #container {
    height: 100%;
    padding: 0;
    margin: 0;
}
#header, #content, #footer {
  display: table-row; 

}
#container {
    display: table;
    width: 100%;
}

#header {
    height: 8%;
    background-color: blue;
}

#content {
  background-color: yellow;
}

#footer {
    background-color: green;
}
#footer img {
  width: 100%;
}