Sir , thanks a ton for the skeleton demo code.
This might seem like a newbie question, but when I right away copy paste the HTML/CSS from the code pen source to my local editor, most of the things work fine but the following section always gets stacked (even though the screen size is on a laptop >=550px):
<div class="row">
<div class="six columns">
<a href="#">
<h4>Graphic Design</h4>
<span class="fa fa-picture-o"></span>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</a>
</div>
<div class="six columns">
<a href="#">
<h4>Web Design</h4>
<span class="fa fa-leaf"></span>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.</p>
</a>
</div>
</div>
<!--end of .row-->
Can you please let me know if I am missing something??
Thanks in advance