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

Jason Mc Dermott
Jason Mc Dermott
11,496 Points

I have tried to get this question but I don't know what I'm doing wrong i have tried using hide-for-small in the row div

I have tried using hide-for-small with and without row in front, I've tried adding it to the columns individually and both, I've looked on the foundation website and elsewhere, I'm all out've ideas

Any feed back would be appreciated, thank you.

Wayne Priestley
Wayne Priestley
19,579 Points

Hi Jason,

Can you paste the question for us to see please.

3 Answers

Ken Alger
STAFF
Ken Alger
Treehouse Teacher

Jason;

Here is the code that I got to work for Task 4 of 4 on the challenge which asks:

It looks like we won't need the panel in small devices. Give the .row container the class to hide it in the small grid.

Line 14:

<div class="row hide-for-small">

Post back if you still are having issues.

Ken

Jason Mc Dermott
Jason Mc Dermott
11,496 Points

Hi Ken yes that worked in the end. I'm sure I tried that already and it still wasn't accepting it and it told me to go back to previous task and you end up having to do all the challenges again, maybe you've had that happen?..anyways thank you again for the reply. and thanks to you too Wayne. Hope to return the favor.

Ken Alger
Ken Alger
Treehouse Teacher

Jason;

Often on the multiple part challenges I will put a comment at the end of each line/code block indicating which task it was for, something like:

<div class="rnd panel"> <!-- Task 1 -->

That way if a certain stage causes problems I can more easily see what, if anything, has changed so that I can hit Recheck work instead of Return to task 1 and not have to do everything again.

Ken

Jason Mc Dermott
Jason Mc Dermott
11,496 Points

nice tip I'll keep it in mind