JSFiddle - React, Tailwind, and code Playground
by von
HTML
div class="row"><div class="column col-md-2 col-sm-2 col-xs-2"></div>
<div class="column col-md-8 col-sm-8 col-xs-8">Introduction</div>
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
</div>
<div class="row">
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
<div class="column col-sm-8 col-xs-8 col-md-8">
<div class="row">
<div class="column col-sm-2 col-xs-2 col-md-4">
<p><img src="https://academyartutest.brightspace.com/content/enforced/30178-CO_SB_JMITCHELLETIENNE/1469564657070.jpg?_&d2lSessionVal=oNKlXv2NeGQTyIweJ8xwNGdAl&ou=30178" class="img-fluid img-responsive"><br></p>
</div>
<div class="column col-sm-6 col-xs-6 col-md-4">
<p><img src="https://academyartutest.brightspace.com/content/enforced/30178-CO_SB_JMITCHELLETIENNE/1475685770733.jpg?_&d2lSessionVal=oNKlXv2NeGQTyIweJ8xwNGdAl&ou=30178" class="img-fluid img-responsive"><br></p>
</div>
<div class="column col-sm-6 col-xs-6 col-md-4">
<p><img src="https://academyartutest.brightspace.com/content/enforced/30178-CO_SB_JMITCHELLETIENNE/1469564641262.jpg?_&d2lSessionVal=oNKlXv2NeGQTyIweJ8xwNGdAl&ou=30178" class="img-fluid img-responsive"></p>
</div>
</div>
</div>
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
</div>
<div class="row">
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
<div class="column col-md-8 col-sm-8 col-xs-8">Module Coursework</div>
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
</div>
<div class="row">
<div class="column col-md-2 col-sm-2 col-xs-2"></div>
<div class="column col-md-8 col-sm-8 col-xs-8">
<!--lb-editable-region-->Thus far in this course, you have learned about and experienced first-hand the joys of mark-making! You have also been introduced to the world of color. In this module, you will be immersed in the fascinating world of pigments and binders and what happens when they come together. During the following modules, you will journey...