JSFiddle - React, Tailwind, and code Playground

by seankoole

HTML

<div>
  <h1 class="h2">Qui ipsorum lingua Celtae</h1>
</div>


<p class="lead">
  Ab illo tempore, ab est sed immemorabili. Quisque placerat facilisis egestas cillum dolore. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Donec sed odio operae, eu vulputate felis rhoncus.
  </p>
  <p>
  Tu quoque, Brute, fili mi, nihil timor populi, nihil! Paullum deliquit, ponderibus modulisque suis ratio utitur. Cras mattis iudicium purus sit amet fermentum. Nec dubitamus multa iter quae et nos invenerat. Quam temere in vitiis, legem sancimus haerentia. Curabitur blandit tempus ardua ridiculus sed magna.
    </p>
  <p>
  Nihil hic munitissimus habendi senatus locus, nihil horum? Morbi fringilla convallis sapien, id pulvinar odio volutpat. A communi observantia non est recedendum. Fictum, deserunt mollit anim laborum astutumque! Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh. Non equidem invideo, miror magis posuere velit aliquet.
</p>

<h2>
  Qui ipsorum lingua Celtae
</h2>

<p>
  Ab illo tempore, ab est sed immemorabili. Quisque placerat facilisis egestas cillum dolore. Petierunt uti sibi concilium totius Galliae in diem certam indicere. Donec sed odio operae, eu vulputate felis rhoncus.
</p>

<h3>
  Qui ipsorum lingua Celtae
</h3>

<p>
  Tu quoque, Brute, fili mi, nihil timor populi, nihil! Paullum deliquit, ponderibus modulisque suis ratio utitur. Cras mattis iudicium purus sit amet fermentum. Nec dubitamus multa iter quae et nos invenerat. Quam temere in vitiis, legem sancimus haerentia. Curabitur blandit tempus ardua ridiculus sed magna.
</p>


<h3>
  Qui ipsorum lingua Celtae
</h3>
<p>
  Nihil hic munitissimus habendi senatus locus, nihil horum? Morbi fringilla convallis sapien, id pulvinar odio volutpat. A communi observantia non est recedendum. Fictum, deserunt mollit anim laborum astutumque! Morbi odio eros, volutpat ut pharetra vitae, lobortis sed nibh. Non equidem invideo, miror magis posuere velit aliquet.
</p>

<h2>
  Qui...

CSS

div {
  padding: 100px 50px;
  background: green;
}

.page-title {
  font-size: 60px;

  
}

h1 {
  font-size: 30px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 16px;
}


p.lead {
 font-size: 14px;
}

p {
  font-size: 10px;
}



.h1 {
  font-size: 30px;
}

.h2 {
  font-size: 22px;
}

.h3 {
  font-size: 16px;
}

.p {
  font-size: 10px;
}