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.

HTML How to Make a Website Styling Web Pages and Navigation Polish the Navigation and Footer

Andrea Dinh
Andrea Dinh
4,946 Points
Posted by Andrea Dinh
Andrea Dinh
4,946 Points

CSS: Display issue with <footer> in mobile size

Hello,

I didn't follow the tutorial exactly and added some texts beside each icon. Here's the index file: http://imgur.com/MHOI1lj and CSS file: http://imgur.com/K3a9gwi and here's my <footer> in scaled version: http://imgur.com/MQrrur4

Does anyone know how to make the icon and text aligned and change sizes as we scale? Thanks

1 Answer

Austin Whipple
Austin Whipple
29,712 Points
Austin Whipple
Austin Whipple
29,712 Points

You'll want to add media queries to your CSS files so that when your footer links/text start to wrap, you instead force them to 100% width.

I highly recommend looking into the responsive layout courses in the Library for more information.