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

Jeffrey Vierra
Jeffrey Vierra
25,404 Points
Posted by Jeffrey Vierra
Jeffrey Vierra
25,404 Points

Code Challenge: Build with Grids 2 of 2

I am having an issue with the Build with Grids 2 of 2 code challenge.

The Challenge is

"Inside the row, define 3 equal-sized columns that display horizontally in medium devices and up."

My Code:

<body>
    <div class="container">

      <div class="row">

        <div class = "col-md-3">
          <h2>r</h2>
          <p></p>
        </div>

        <div class =  "col-md-3">
          <h2>Build an easily managed friends list</h2>
          <p>.</p>
       </div>
       <div class = "col-md-3" >
          <h2>.</p>
        </div>

      </div>

    </div>
  </body>

I can't seem to get this to work. Any assistance in the right direction would be most appreciative.

Thank you in advance.

Guil Hernandez
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Jeffrey Vierra, I just realized the question is a bit misleading. You're technically correct because you're defining 3 equal-sized columns. What you need to do is define 3 equal-sized columns that evenly span the 12 columns available in 1 row (12 / 3).

I adjusted the code challenge instructions to make it more specific. Hope this helps. :)

6 Answers

Jeffrey Vierra
Jeffrey Vierra
25,404 Points
Jeffrey Vierra
Jeffrey Vierra
25,404 Points

@ James - Wayne = Good Catch guys. I apologize for the typo with the tags.

@ Guil - Thanks! That does make sense. I am also really enjoying this Framework series.and everything else you do for Treehouse. Your an excellent instructor.

Thank you again for your responses.

Guil Hernandez
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Glad to help, Jeffrey Vierra. Thanks for the kind words, and for being a Treehouse student!

Wayne Priestley
Wayne Priestley
19,579 Points
Wayne Priestley
Wayne Priestley
19,579 Points

Hi Jeffery,

You have a h2 tag then a p tag together, so you need to change either the h2 or the p

:)

<div class = "col-md-3" >
      <h2>.</p>
    </div>
James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

You are missing 3 closing tags, 2 <h2>s & a <p>.

Jeffrey Vierra
Jeffrey Vierra
25,404 Points
Jeffrey Vierra
Jeffrey Vierra
25,404 Points

Hey Guil:

Just FYI the next lesson - Working with Nested Grids and responsive images: The project start index.html has a few additional tags and info lines 55-62 (I believe)

Which is no big deal. But I see how it may confuse some students.

  • Also to note- As I progressed through the lecture, I found that the extra code was from the code snippet.
Guil Hernandez
STAFF
Guil Hernandez
Treehouse Teacher
Guil Hernandez
Guil Hernandez
Treehouse Teacher

Thanks for catching that, Jeffrey Vierra! The extra code snippet has been removed from the "start" HTML file. :)

Kristina Gillooly
Kristina Gillooly
9,546 Points
Kristina Gillooly
Kristina Gillooly
9,546 Points

hello i am still stuck on this challenge .....Finally, make them 3 equal-sized columns that display horizontally in the large grid. The columns should evenly span the 12 available columns in a row......

i have done class="large-3-columns" and "medium-3-columns" and neither work.....where am i going wrong?