JSFiddle - React, Tailwind, and code Playground
by davehol
HTML
<div class="module">
<div>
<section aria-role="section" class="related std-light">
<div class="row row-centered">
<div class="col-xs-12 no-pad-xs">
<!-- Start of column contents -->
<div>
<div>
<div class="extended-desc not-hidden">
<p class="lead">More than ever, employers need graduates who can get the job done from day one. That’s why RMIT’s engineering courses are co-designed with industry to allow you to gain practical experience working on real projects and developing skills employers value. </p>
<p><br>
By studying engineering at RMIT, you’re receiving a globally recognised qualification designed in accordance with the Australian Qualifications Framework, with most courses accredited through Engineers Australia, and from an institution ranked among the world's top 100 universities across multiple Engineering disciplines.</p>
<p>Browse available engineering courses below and find out how you could learn to design and create products, systems, and structures that transform industry and improve lives.<br>
</p>
</div>
</div>
<!--cq{"decorated":true,"type":"rmit-ui/components/content/rmittext","path":"/content/rmit-ui/en/school-leaver/draft/business/jcr:content/parFirst/columncontrol_ng/defaultLayout/rmittext_copy","selectors":null,"servlet":"Script /apps/rmit-ui/components/content/rmittext/rmittext.html","totalTime":5,"selfTime":5}-->
</div>
<!-- End of column contents -->
</div>
</div>
</section>
</div>
</div>
<div class="module">
<div>
<section aria-role="section" class="related std-light">
<div class="row row-centered">
<div class="col-xs-12 no-pad-xs">
<!-- Start of column contents -->
<div>
<div>
<div class="extended-desc not-hidden">
<p class="lead">More than...
CSS
.module:nth-child(5) section{
padding:30px;
margin-left:40px;
background-color: green;
}