JSFiddle - React, Tailwind, and code Playground

by jack_pallot

HTML

<header>
    <div class="container">
        <img src="http://placekitten.com/300/200" />
    </div>
</header>
<div class="content">
    <div class="container">
        <img src="http://placekitten.com/300/200" />
    </div>
</div>
<footer>
    <div class="container">
        <img src="http://placekitten.com/300/200" />
    </div>
</footer>

CSS

* {
    margin: 0;
    padding: 0;
}

.container {
    width: 300px;
    margin: 0 auto;
    border: 1px solid blue;
}

header {
   width: 100%;
    background: red;
}

.content {
    width: 100%;
    background: orange;
}

footer {
    width: 100%;
    background: pink;
}