Getting Started with Skeleton, the Simple CSS Boilerplate

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 :smile: