Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Framework Basics Build a Website with Foundation Content Layout with Grids

Ian Mackenzie
Ian Mackenzie
11,062 Points
Posted by Ian Mackenzie
Ian Mackenzie
11,062 Points

2nd Div to Span 5 Columns in the large grid

The lesson states I must span the second div inside the row div, 5 columns in the large grid. This is what I believe I've done but It won't pass me. Am I missing something obvious?

<div class="ft">

    <div class="row">
      <div class="ft-icon rnd camera large-6 columns"></div>
    </div>

    <div class="ft-copy large-5 columns">
      <h2>Securely delete photos &amp; video based on a timer</h2>
      <p>
        Learn how to write the code that downloads and displays messages, photos, and videos that timeout after a few seconds. Then create the code that deletes them from the back-end to make them "self destruct."
      </p>
    </div>

  </div><!-- End Feature Copy -->
Ian Mackenzie
Ian Mackenzie
11,062 Points
Ian Mackenzie
Ian Mackenzie
11,062 Points

There must have been an issue with this challenge as I used the same class and it worked the next time around so this issue fixed itself.

Now the problem has moved to another issue within the same challenge which is the class to hide in small devices which I believe is hide-for-small but it won't accept this.

2 Answers

Martin Vesterby
Martin Vesterby
17,222 Points
Martin Vesterby
Martin Vesterby
17,222 Points

Hi Ian, this should work.

 <div class="ft row">

      <div class="large-6 columns hide-for-small">
         <div class="ft-icon rnd camera"></div>
       </div>

       <div class="ft-copy large-5 columns">
         <h2>Securely delete photos &amp; video based on a timer</h2>
         <p>
        Learn how to write the code that downloads and displays messages, photos, and videos that timeout after a few seconds. Then create the code that deletes them from the back-end to make them "self destruct."
         </p>
       </div>

  </div>
Ian Mackenzie
Ian Mackenzie
11,062 Points
Ian Mackenzie
Ian Mackenzie
11,062 Points

Thanks Martin,

I haven't had a chance to try it out yet but thanks for your response.