JSFiddle - React, Tailwind, and code Playground

by davidpauljunior

HTML

<script src="https://cmp.springernature.com/production_staging/consent-bundle-4-latest.js"></script>
<div class="container">
  <header>
    <h1>My Hipster Article</h1>
  </header>
  <p>Artisan bruh activated charcoal sriracha irony gentrify jawn crucifix vice cloud bread flannel.  Narwhal quinoa air plant big mood keytar, green juice try-hard marfa.  Wayfarers disrupt selvage bushwick hashtag authentic 8-bit cronut viral scenester irony trust fund meggings godard pickled.  Cardigan bodega boys marfa XOXO dreamcatcher kickstarter literally hella small batch mukbang normcore gastropub tote bag swag fixie.  Hoodie yes plz roof party fit pop-up vaporware +1 green juice.  Blackbird spyplane coloring book hoodie thundercats ethical seitan locavore palo santo mixtape +1 stumptown 90's typewriter direct trade la croix.  Pork belly tbh jean shorts cronut tousled.</p><p>Godard migas messenger bag schlitz letterpress, truffaut yr.  Bicycle rights yes plz beard mumblecore, chartreuse cliche artisan schlitz banjo mustache before they sold out af vaporware.  Big mood jawn austin man braid franzen hell of meh tote bag authentic.  Man braid mumblecore kogi gastropub bicycle rights whatever.  Chambray crucifix blog iPhone four loko keytar hammock ascot mlkshk flannel single-origin coffee vinyl ramps.  Scenester small batch typewriter, cred raclette before they sold out disrupt lyft tonx plaid.</p><p>Vice twee try-hard literally etsy small batch.  Roof party copper mug bushwick cliche, adaptogen stumptown palo santo fixie pickled pabst chia mlkshk.  Synth knausgaard pour-over cupping taxidermy, hashtag authentic selvage flannel.  JOMO mustache banh mi kinfolk fashion axe green juice shabby chic neutral milk hotel XOXO freegan williamsburg.  Salvia shabby chic banjo, wolf heirloom kale chips mlkshk affogato next level neutral milk hotel austin deep v fashion axe.  Copper mug kinfolk vexillologist normcore.</p><p>YOLO marfa mustache swag fanny pack, messenger bag copper mug freegan...

CSS

body {
  margin: 0;
}

.container {
  width: 60%;
  margin: auto;
  padding: 0 3rem;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
}