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

Posted by Jonathon Pennewell
Jonathon Pennewell
383 Points

Need Help With Layout Issue

I'm trying to develop my own webpage, but I'm running into some issues that I don't know how to fix. Some of my content is flowing into others elements, I have some floated elements, not sure if that's what's causing it. but could really use some help. Thanks in advance.

http://imageshack.com/a/img924/6010/NppDQh.png

http://imageshack.com/a/img924/9062/KEwSFP.png

http://imageshack.com/a/img923/4848/pBse4U.png

2 Answers

Alexander Melo
Alexander Melo
4,297 Points
Alexander Melo
Alexander Melo
4,297 Points

It seems llike your website inst mobile first? May you fork your workspace to see the code?

dman10345
dman10345
7,109 Points
dman10345
dman10345
7,109 Points

As Alex said it seems you aren't designing your content to have a fluid layout. The best way to design a website, not the only way but the industry accepted standard, is mobile first. Design your website to fit small mobile screens and then scale the site upwards to fit larger screens (such as landscape phones, tables, and then medium and large desktops). All of this can be done using media queries.

You can find more information about them here: https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Happy coding,

Dylan