JSFiddle - React, Tailwind, and code Playground

by vicky081

HTML

<div id="articleBox">
	<ul class="articles">
		<li>			
		<div class="thumb"><a href="http://themetastic.com/buddypress/blog/2010/07/25/we-make-high-end-design-accessible-to-all-with-our-themes/"><img src="http://themetastic.com/buddypress/wp-content/themes/network/_inc/images/placeholders/article.jpg" alt="" /></a></div>
								
					
			
						<h2><a href="http://themetastic.com/buddypress/blog/2010/07/25/we-make-high-end-design-accessible-to-all-with-our-themes/">We make high end design...</a></h2><h3><a href="http://themetastic.com/buddypress">Themetastic Demo</a></h3>
				  </li><li>			
			
			
											<div class="thumb"><a href="http://themetastic.com/buddypress/blog/2010/07/25/no-need-to-know-scripting-weve-got-it-covered/"><img src="http://themetastic.com/buddypress/wp-content/themes/network/_inc/images/placeholders/article.jpg" alt="" /></a></div>
								
					
			
						<h2><a href="http://themetastic.com/buddypress/blog/2010/07/25/no-need-to-know-scripting-weve-got-it-covered/">No need to know scripting,...</a></h2><h3><a href="http://themetastic.com/buddypress">Themetastic Demo</a></h3>
				  </li><li>			
			
			
											<div class="thumb"><a href="http://themetastic.com/buddypress/blog/2010/07/25/all-our-themes-have-options-to-feature-content/"><img src="http://themetastic.com/buddypress/wp-content/themes/network/_inc/images/placeholders/article.jpg" alt="" /></a></div>
								
					
			
						<h2><a href="http://themetastic.com/buddypress/blog/2010/07/25/all-our-themes-have-options-to-feature-content/">All our themes have options...</a></h2><h3><a href="http://themetastic.com/buddypress">Themetastic Demo</a></h3>
				  </li><li>			
			
			
											<img src="http://themetastic.com/buddypress/wp-content/themes/network/library/functions/timthumb.php?src=http://themetastic.com/buddypress/wp-content/uploads/2010/07/newspaper.png&h=108&w=227&zc=1" alt="" style="width:227px; height: 108px;" />
								
					
			
						<h2><a...