JSFiddle - React, Tailwind, and code Playground

by CBroe

HTML

<ul>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ul>

CSS

* { margin:0; padding:0; box-sizing:border-box; }
body { transform:translateX(25%); }
ul { display:flex; width:400%; min-height:100vh; padding-left:100%; transform:translateX(-50%); }
li { display:flex; flex-grow:1; justify-content:center; align-items:center; outline:2px dashed; font-size:10vw; }