JSFiddle - React, Tailwind, and code Playground

by davehol

HTML

<link rel="stylesheet" type="text/css" href="/content/dam/rmit/documents/Campaigns/Campaign-Template-CSS/CSS-IA-list-v1.css?nocache=true">

<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...