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

HTML

Need help, container breaking!?? noob problem

For some reason the parent container of my paragraph elements are just collapsing when i expand the browser, heres a link to my stylesheet https://w.trhou.se/f61fnmbx1n also i was wondering how i would stop the navigation li (home,contact,gallery,about) from getting to wide, i tried a max-width property but it didn't work. Thanks :)

4 Answers

look bro...it doesnt collapse u have set the display of the main container (.content-row) to flex. when the display is flex it automatically stops the columns from stacking one after the other because there is enough space to show all of them in a single row in larger viewports thats the behaviour of flex items I will mess around with ur code a little...tell me ur email so i can send it

Go onto https://w.trhou.se/f61fnmbx1n , the code is on there, and i have displayed the container as flex but its still pushing out the max width of the body.

btw its only google chrome thats displaying the problem, are there prefixes needed for display on google chrome? i know you have to use the -webkit- prefix for safari?

i adjusted ur menu in a interesting way...give me ur email to send ur new modified project