JSFiddle - React, Tailwind, and code Playground

by meo

HTML

<header>dini mueter</header>
<section>
    <div>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article><article><h1>asdasd</h1></article>
    
    <article><h1>asdasd</h1></article>
    <article><h1>asdasd</h1></article>
    </div>
</section>
<footer>hallo</footer>

CSS

header, section, footer {
    display: block;
}

section, footer {
    position: absolute;
}
div {
    width: 6000px;
}
article {
    float: left;
    background: purple;
    Width: 250px;
    height: 400px;
}

section {
    top: 50px;
    left:0;
    bottom:50px;
    right:0;
    background: red;
    overflow: auto;
}

footer {
    left:0;
    width: 100%;
    background: blue;
    bottom: 0;
    height: 50px;
}