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

Jerry Relunia
Jerry Relunia
17,148 Points
Posted by Jerry Relunia
Jerry Relunia
17,148 Points

THere must be a bug in this exercise, large-5 columns gives me an error

Not sure why "large-5 columns" does not give me the right answer for this exercise

index.html 
<!DOCTYPE html>
<html>

<head>
  <title>Ribbit - A Treehouse Project</title>
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" href="css/normalize.css" >
  <link rel="stylesheet" href="css/foundation.css">
  <link rel="stylesheet" href="css/my-styles.css" >
</head>
<body>

  <!-- Feature Copy -->
  <div class="ft">

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

      <div class="ft-copy columns large-5">
        <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 -->

</body>
</html>

2 Answers

Jonathan Walz
Jonathan Walz
21,429 Points
Jonathan Walz
Jonathan Walz
21,429 Points

I am not sure why you are receiving an error as your code does not provide where you entered "large-5 columns". My code passed by putting a div with the class "large-5 columns" inside the div with a class of "large-6 columns" like so:

<div class="row">
  <div class="large-6 columns">
    <div class="large-5 columns">
Adam McGrade
Adam McGrade
26,333 Points
Adam McGrade
Adam McGrade
26,333 Points

Hi , I can see what looks like a typo here

<div class="ft-copy columns large-5">

It should be 

<div class="ft-copy large-5 columns">