JSFiddle - React, Tailwind, and code Playground

by davehol

HTML

<section class="mb-md-md-xs">
  <!-- Module : links to sub-interests -->
  <div class="relatedlinks links-to-sub-interests row">

    <div class="linkcol col-md-12 col-xs-12">
      <!-- navigation object : Module - links to sub-interests - links -->

      <div class="list" role="navigation">
        <h2> I am interested in...</h2>

        <div class="list-row">
          <div class="col-sm-4 col-xs-12">
            <span class="grunticon-arw-right-red-20"></span>
            <a href="/study-with-us/engineering/aerospace-engineering-and-aviation">Aerospace engineering and aviation</a>
          </div>
          <div class="col-sm-4 col-xs-12">
            <span class="grunticon-arw-right-red-20"></span>
            <a href="/study-with-us/engineering/biomedical-engineering">Biomedical engineering</a>
          </div>
          <div class="col-sm-4 col-xs-12">
            <span class="grunticon-arw-right-red-20"></span>
            <a href="/study-with-us/engineering/chemical-engineering">Chemical enginering</a>
          </div>
        </div>
        <div class="list-row">
          <div class="col-sm-4 col-xs-12">
            <span class="grunticon-arw-right-red-20"></span>
            <a href="/study-with-us/engineering/civil-engineering">Civil engineering</a>
          </div>
          <div class="col-sm-4 col-xs-12">
            <span class="grunticon-arw-right-red-20"></span>
            <a href="/study-with-us/engineering/computer-engineering">Computer engineering</a>
          </div>
          <div class="col-sm-4 col-xs-12">
            <span class="grunticon-arw-right-red-20"></span>
            <a href="/study-with-us/engineering/electrical-and-electronic-engineering">Electrical and electronic engineering</a>
          </div>
        </div>
        <div class="list-row">
          <div class="col-sm-4 col-xs-12">
            <span class="grunticon-arw-right-red-20"></span>
            <a...