JSFiddle - React, Tailwind, and code Playground
by aroarman
HTML
<div class="page">
<div class="header">Logo</div>
<div class="content">
<div class="inner-content">
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
<p class="test">Hello World</p>
...
CSS
html,body {
height: 100%;
overflow: hidden;
}
body {
padding: 0;
margin: 0;
}
.page {
}
.header {
height: 30px;
background: green;
}
.content {
}