JSFiddle - React, Tailwind, and code Playground
HTML
<div>
<div class="box1">
<h1 class="instructions">
Instructions
</h1>
<p class="insInfo">
If further information was required to complete the PAF, please note the date of initial contact with the supervisor below.
<br/>
Please return cover page with PAF.
</p>
</div>
<div class="box2">
<h1 class="title">
Executive Certification Review
</h1>
<h2 class="paf">
PAF
</h2>
</div>
<div class="box3">
<p>
</p>Was further information needed?
<div>
( ) Yes ( ) No <br/>
Please (✓) one.
</div>
<div>
Date of initial contact
</div>
<div>
_____/____/_______ </div>
<div>
month/ day/ year
</div>
<div>
Initials
</div>
<div>
________
</div>
<div>
Comments:
<br/>
_______________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________________
</div>
</div>
</div>
</div>
CSS
/* Styles go here */
body{
font-family: 'Arial Bold', sans-serif;
}
.instructions, .title {
font-weight: 900;
}
.paf {
font-size: 10em;
}