JSFiddle - React, Tailwind, and code Playground

by clayshannon

HTML

<div id="scrollable">
    <section>
        <div>this</div>
        <span>that</span>
        <cite>the other thing</cite>
        <div>Eggplant Grotesqueria</div>
    </section>
</div>
<footer>footer</footer>

CSS

html, body {
  height: 100%;
}
html {
   background-color: #1a82f7; 
       background-image: url(images/fallback-gradient.png); 
   background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2F2727), to(#1a82f7));
   background-image: -webkit-linear-gradient(top, #2F2727, #1a82f7); 
   background-image:    -moz-linear-gradient(top, #2F2727, #1a82f7);
   background-image:     -ms-linear-gradient(top, #2F2727, #1a82f7);
   background-image:      -o-linear-gradient(top, #2F2727, #1a82f7);
}
section {
    //height: 100px;
    //scroll: auto;
}
cite {
    font-size: 8em;
    color: white;
}