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 Prototyping with Foundation Building a Headline Panel, with Stylish Buttons

Posted by qasimalbaqali
qasimalbaqali
17,839 Points

Button Foundation 5 - making it smaller

So instead of hiding one of the buttons when the browser gets smaller and resizes to a mobile version I want the size of the buttons to get smaller too. How can I accomplish that with Foundation 5?

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Hi, not sure what your talking in 100% but if I'm right, when the window get smaller , using media queries you resize it and when it reaches some width , you just re-write the property of button that you want it to make how you want.

Hope this helps.

qasimalbaqali
qasimalbaqali
17,839 Points

Yup, you got what I mean haha. Any tutorial you can link me to do that, I am bit a newbie with media queries.

1 Answer

Aurelian Spodarec
Aurelian Spodarec
7,369 Points

Good :smiley:

Hey, you can check the last part in this video when Nick uses media queries.

Then you could look at some JS at maybe here.

And i think definitely here : http://teamtreehouse.com/library/build-a-responsive-website

Hope this helps you to get it started . Its pretty straight forward as i know : p