Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

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

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

@ 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

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

Wayne Priestley
Wayne Priestley
19,567 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

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

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

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

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?