JSFiddle - React, Tailwind, and code Playground

by willemvb

HTML

<article id="about">
			<div class="container">
				<ul class="info">
					<li>
						<img src="icon-1.png">
							<h3>Design</h3>
								<p>Cupidatat pitchfork cred minim culpa, thundercats banh mi readymade iphone master cleanse gastropub messenger bag laboris. Keffiyeh single-origin coffee ennui laborum. Elit iphone excepteur pinterest pariatur adipisicing. Minim est high life fap meggings, umami nihil nulla consectetur exercitation organic irure lomo. Seitan farm-to-table 8-bit, wes anderson nisi hashtag put a bird on it. Echo park messenger bag mollit quinoa, ugh velit intelligentsia artisan vegan gluten-free fashion axe nesciunt cray qui DIY. Reprehenderit small batch mustache, beard velit jean shorts tousled banh mi.</p>
					</li>
					<li>
						<img src="icon-2.png">
							<h3>Development</h3>
								<p>Skateboard commodo mcsweeney's, enim PBR anim plaid chillwave ea +1 leggings salvia mustache. Mlkshk 90's authentic banksy magna neutra williamsburg. Viral beard post-ironic banjo. Church-key vegan whatever irony. Lomo vegan vice etsy tofu delectus. Nesciunt cillum cardigan, exercitation mlkshk jean shorts pour-over carles incididunt adipisicing. Wolf viral tonx tofu organic.</p>
					</li>
					<li>
						<img src="icon-3.png">
							<h3>Ahead</h3>
								<p>Tofu hoodie sriracha, cupidatat post-ironic DIY art party readymade actually ethnic four loko cillum. Narwhal keytar wes anderson fanny pack small batch. Ugh assumenda truffaut, culpa you probably haven't heard of them wes anderson ex magna artisan blue bottle cosby sweater iphone. Tousled +1 thundercats, placeat sartorial aliqua esse four loko put a bird on it banh mi officia bicycle rights food truck kogi craft beer. Selvage art party delectus id, intelligentsia aesthetic assumenda fugiat bespoke fingerstache officia. Whatever seitan art party, aesthetic intelligentsia fashion axe typewriter. Fixie brooklyn cupidatat, fugiat est street art sartorial banksy post-ironic meh...

CSS

.container {
	width: 60%;
	margin: 0 auto;
	}

#about {
	background-color: #ebebeb;
	height: 100%;
	width: 100%;
	}
	
#about ul.info {
	display: block;
	width: 100%;
	margin: 0 auto;
	list-style: none;
	padding: 0;
	}

#about ul.info li {
    width: 33%;
    float: left;
	display: inline-block;
    vertical-align: top;
	padding: 1.5em;
	font-size: .8em;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}