JSFiddle - React, Tailwind, and code Playground

by Nate Armstrong

HTML

<div class="mt-5 row">
  <div class="cell-group-container col-12 col-xl-10 mt-3 mx-auto p-0">
    <div class="cell-group color-ocu-light p-1" id="ags-degree-block-small">
      <div class="cell d-lg-none d-xl-block p-3 w-100 w-md-33 w-xl-33 w-xxl-33">
        <div class="media media-element-container media-default">
          <div data-id="file-3501" class="file file-image file-image-jpeg">
            <div class="content">
              <img alt="OCU Online Certificate Student" title="OCU Online Certificate Student" class="media-element file-default" data-delta="7" typeof="foaf:Image" src="https://ocuwebsite.blob.core.windows.net/public/2020_Certificate_Student_A.jpg"> </div>
          </div>
        </div>
      </div>
      <div class="cell cell-text p-3 responsive-font-boost w-100 w-md-66 w-xl-66 w-xxl-66">
        <h3>100% Online Accredited Certificates:</h3>
        <ul>
          <li>Focused training applies directly to vital career skills</li>
          <li>Stackable Credit Hours apply toward future OCU degrees</li>
          <li>Most Affordable Program Offering by Credit Hour</li>
          <li>100% Online Classes with Flexible Weekly Deadlines</li>
          <li>Achievable in 1 Year or Less</li>
          <li>Switch your Career with a Headstart</li>
        </ul>
      </div>
    </div>
    <div class="cell-group cell-polygon-bot-crop color-ocu-light w-100">&nbsp;</div>
  </div>
</div>