JSFiddle - React, Tailwind, and code Playground

by graphettion

HTML

<header>
  <h1>Weeee</h1>
</header>

<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer malesuada rhoncus leo venenatis dignissim. Integer at iaculis ex, et posuere velit. Sed eu ante consectetur, laoreet urna nec, sagittis leo. Curabitur fringilla sem ut ex accumsan, nec placerat</p>
<p>elit tempus. Cras et dui ut justo consequat volutpat. Maecenas elementum, nulla molestie varius mattis, turpis diam rhoncus lorem, nec sagittis nisl odio in sapien. Morbi lacinia rutrum eros at efficitur. Sed nec dignissim magna, in blandit magna. Pellentesque</p>
<p>fermentum enim quis blandit pharetra. Phasellus id commodo purus. Proin mauris velit, dapibus sit amet neque nec, sagittis accumsan nibh. Ut nec molestie est. Cras semper placerat lacus, nec auctor lectus. Nulla finibus dui eu sem aliquet ornare. Suspendisse</p>
<p>potenti. Nunc purus nisi, aliquam at venenatis in, egestas nec lectus. Aenean lacus nisl, ultrices eu lacus sed, maximus consectetur nisl. Proin scelerisque tortor nisi, non maximus lectus molestie at. Fusce elementum, risus et iaculis volutpat, leo</p>
<p>ante faucibus dolor, ut fringilla turpis metus ac metus. Maecenas sed tellus et orci lobortis sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed erat est, luctus eget nulla a, luctus venenatis odio.</p>
<p>Integer mattis eu diam id commodo. Etiam quis malesuada sapien, nec malesuada elit. Nulla ac enim sit amet nulla faucibus tempor at vitae ligula. Duis elementum risus vitae leo rutrum lacinia. Maecenas pharetra blandit vehicula. Suspendisse ut maximus</p>
<p>justo. Morbi congue lacus id massa sollicitudin egestas. Quisque porttitor dui iaculis est aliquet congue. Etiam ullamcorper faucibus erat, id posuere metus congue et. In faucibus mi eget mauris blandit posuere. Praesent sed ex vitae tellus hendrerit</p>
<p>rhoncus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Duis a justo metus. Morbi...

CSS

body {
  margin: 0;
  padding: 0;
}

header {
  background: #e74c3c;
  min-height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1 {
  font-size: 10vw;
}