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

Brandon Brigham
Brandon Brigham
3,716 Points

Mobile Formatting Questions

Hello - My client wants elements rearranged on the mobile version of the site

http://8de.db2.myftpupload.com/

About Page – Can the "More About David" section be moved to under the bio text?

Thanks for your help!

2 Answers

Moritz Lang
Moritz Lang
25,909 Points

Hi, there are two solutions that come to my mind:

  1. This one depends on your browser support. If your client's browser support is not extremely low you could use Flexbox and order to rearange your layout.
  2. If you can not use Flexbox there is a pretty simple workaround. You could add the HTML code twice. Once before and once after the bio text. Then you can set display: none on the one you don't need to show at a certain breakpoint.
Brandon Brigham
Brandon Brigham
3,716 Points

Thanks Moritz!

Yeah I've heard of flexbox but it's not currently supported on all browsers correct?

I think I'll have to go with #2,

Thanks!

Moritz Lang
Moritz Lang
25,909 Points

Hi Brandon, it really depends on the needs of your client. You should always know which browser versions should be supported. If you know them you can just go to caniuse.com and search for the feature you want to use.

Brandon Brigham
Brandon Brigham
3,716 Points

Awesome! Thanks Moritz =)