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 Building the Form and Buttons Panel

Lionel Low
Lionel Low
2,574 Points

Bug at Challenge task 2 of 4?

I added the class push-1 to the column on line 18, but it isn't working. Is it a bug? Or am I doing something wrong?

6 Answers

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Okay no problem :D

The correct class to offset on the Foundation Grid is offset.

Therefore:

<div class="large-offset-1">
</div>

This is what you are looking for :D

Lionel Low
Lionel Low
2,574 Points

Ah I see! Thanks! :) Based on their example, to correspond with a push, there seems to be a need for a pull. From your experience, is that right?

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Are you sure your HTML code is correct?

I don't want to give you the answer straight-up.

Perhaps check http://foundation.zurb.com/docs/components/grid.html and see if push-1 is the correct class (wink wink) :P

Hope this helps

Lionel Low
Lionel Low
2,574 Points

Oops, added my comment meant for you as an additional "answer" instead. :(

Lionel Low
Lionel Low
2,574 Points

Hi John, appreciate your help. :)

Being a developer myself, RTFM is the first rule for me. So yup I did consult the docs. ;)

In fact, I checked and tested both Foundation 4 & 5 docs. Why? Because the course's videos featured Foundation 4 (which I'm assuming the test are written and tested for Foundation 4), but Foundation 5 is the latest release.

Long story short, I tested with both push-1 (Foundation 4) and large-push-1 (Foundation 5), but both failed.

That was why I was stumped. :/

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

I guess you are referring to the example on Foundation's website? I don't think it is always required, but with those two elements they have, they push one and pull one so they sit nicely. I am not 100% sure if pull is always required with a push. Perhaps someone else could answer that one for you.

Lionel Low
Lionel Low
2,574 Points

I guess it's not required, as the next task of the challenge just requires a pull to solve. This just makes me wonder that if the visual effect of large-offset-1 and push-1 is the same in task 2, why isn't both answers accepted? :/

John Steer-Fowler
PLUS
John Steer-Fowler
Courses Plus Student 11,734 Points

Thats true, but they specifically ask for 'offset' so I guess thats why it only accepts offset-1

Lionel Low
Lionel Low
2,574 Points

loL~ That's true, although that seems more to me like describing a task. :P Thanks for your time John.