JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<!-- without overwrites -->
<h1 class="lvl1-h1">This is a normal h1</h1>
<p class="lvl1-p">This is a normal paragraph</p>


<h1 class="lvl2-h1">This is a h1 inside a div classed "block"</h1>
<p class="lvl2-p">This is a paragraph inside a div classed "block"</p>

CSS

.lvl1-h1 {
    font-size: 4em;
    color: red;
    font-weight: bold;
}

.lvl1-p {
    font-size: 1.2em;
    color: blue;
}

.lvl2-h1 {
    font-size: 2em;
    color: gold;
    font-weight: normal;
    font-style: italic;
}

.lvl2-p {
    color: grey;
}