JSFiddle - React, Tailwind, and code Playground

by Nate Armstrong

HTML

<div class="col-xs-12">
  <p>Complete the Free Application for Federal Student Aid (FAFSA) for the 2018-2019 school year today! Doing so as soon as possible gives you time to:</p>

  <ul>
    <li>Make the best decision for your circumstances.</li>
    <li>Discover scholarships based on financial need.</li>
    <li>Be eligible for programs with limited funding.</li>
  </ul>
</div>
<p><a class="btn btn-primary btn-with-icon" href="https://studentaid.ed.gov/sa/fafsa">Start the FAFSA</a></p>

<div class="row fatvblock">
  <p>&nbsp;</p>

  <div class="col-xs-6 col-sm-4"><a href="https://ohiochristian.financialaidtv.com/play/962-understanding-fafsa/243-what-fafsa"><img alt="What is the FAFSA?" src="https://admin.financialaidtv.com/sites/default/files/system/styles/thumb_lg/public/fatv_031_rev10_0.jpg?itok=bqwk5nCd"></a>

    <h4><a href="https://ohiochristian.financialaidtv.com/play/962-understanding-fafsa/243-what-fafsa">What is the FAFSA?</a></h4>
  </div>

  <div class="col-xs-6 col-sm-4"><a href="https://ohiochristian.financialaidtv.com/play/1766-applying-financial-aid/237-how-do-i-apply-financial-aid"><img alt="How do I apply for financial aid?" src="https://admin.financialaidtv.com/sites/default/files/system/styles/thumb_lg/public/fatv_075_rev6.jpg?itok=iqLZ8NEe"></a>
    <h4><a href="https://ohiochristian.financialaidtv.com/play/1766-applying-financial-aid/237-how-do-i-apply-financial-aid">How do I apply for financial aid?</a></h4>
  </div>
  <div class="col-xs-6 col-sm-4"><a href="https://ohiochristian.financialaidtv.com/play/2313-loan-overview/4540-how-do-i-apply-federal-loans"><img alt="How do I apply for federal loans?" src="https://admin.financialaidtv.com/sites/default/files/system/styles/thumb_lg/public/fatv_077_rev6.jpg?itok=eGLWsEVL"></a>
    <h4><a href="https://ohiochristian.financialaidtv.com/play/2313-loan-overview/4540-how-do-i-apply-federal-loans">How do I apply for federal loans?</a></h4>
    <a...