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

sebbe12
sebbe12
4,015 Points

When using display:flex what do i use to make the site look like it used before using flex makes it vertical

When using display:flex what do i use to make the site look like it used before using flex makes it vertical

Brandyn Lordi
Brandyn Lordi
17,778 Points

It would be best to include your code, so that we can help trouble shoot a bit better.

I think this link might be what you are looking for: https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction You can also explore more properties on that same page on the left side menue under the properties tab

sebbe12
sebbe12
4,015 Points

https://gyazo.com/44e74df02749edfd8c15e59a23c3d62c this is what i mean by vertical when using display:flex

when i add flex-direction:column to the body element everything goes wrong. https://gyazo.com/0c7b716f61990fc9cda951737268c534

1 Answer

Gabriel Plackey
Gabriel Plackey
11,064 Points

If column doesn't work then you want row, or you need to add a div around everything you want in flex and set that to flex, then column.

sebbe12
sebbe12
4,015 Points

Ok thanks i made a flex container around everything guess the problem was that i was making the body element flex thanks.

Gabriel Plackey
Gabriel Plackey
11,064 Points

Yeah i had ran into that same problem when first starting with flexbox.