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

Posted by Steven Prescott
Steven Prescott
19,206 Points

Framework Basics Final Challenge task 4 of 5

The question is "Find the row on line 41. Give each child div of .row a column class that spans 6 columns in small devices and up."

I know I'm missing something terribly simple. Here's my code:

    <div class="container">
    <div class="row ft col-sm-6">

    <div class="hidden-xs">
    <div class="ft-icon camera"></div>
    </div>

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

3 Answers

Giovanni CELESTE
Giovanni CELESTE
20,961 Points

Hi Steven,

To understand the concept, keywords classes are important.

<div class="container"> Needed in Bootstrap, a container div
  <div class="row"> Here you have the row, which will contain the columns
    <div class="col-md-4">...</div> Here your first column
    <div class="col-md-4">...</div> Here your second one
    <div class="col-md-4">...</div> Here your last one
  </div>
</div>

Columns are within a row. Tell me if my explanation is clear enough to help you :).

Steven Prescott
Steven Prescott
19,206 Points
Steven Prescott
Steven Prescott
19,206 Points

Thanks Giovanni CELESTE . I was missing something really simple. I'd mark it as best answer, but I can't because it's in general discussion. Anyway, If anybody else has a problem with this, here's the answer:

        <div class="col-sm-6 hidden-xs">
          <div class="col-sm-6 ft-icon camera"></div>
        </div>
        <div class="ft-copy col-sm-6">```
vinoth v
vinoth v
3,683 Points
vinoth v
vinoth v
3,683 Points

css framework 4 to 5 Find the row on line 41. Give each child div of .row a column class that spans 6 columns in small devices and up.

<div class="container"> <div class="row ft">

    <div class=" col-sm-6 hidden-xs">
      <div class=" col-sm-6 ft-icon camera"></div>
    </div>

    <div class="  col-sm-6 ft-copy">
      <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>