JSFiddle - React, Tailwind, and code Playground

HTML

<html>
     <body>
     test body
         <div class="item"> asdasdasda sda sda sdas das d</div>
         <div class="item"> asdasdasda sda sda sdas das d</div>
         <div class="item"> asdasdasda sda sda sdas das d</div>
         <div class="item"> asdasdasda sda sda sdas das d</div>
         <div class="item"> asdasdasda sda sda sdas das d</div>
         <div class="item"> asdasdasda sda sda sdas das d</div>
         <div class="item"> asdasdasda sda sda sdas das d</div>
    </body>
</html>

CSS

html {
    background: red;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

body {
    background: white;
    max-width: 320px;
    min-height: 100%;
    margin: auto;
}

.item {
    height: 150px;
}