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
Posted by Brandon Brigham
Brandon Brigham
3,716 Points

Need help aligning items for responsive website

Hello,

My client is wanting these blocks to ALWAYS line up (except on mobile) when changing the size of the browser

http://8de.db2.myftpupload.com/process-models/

I've been trying for hours to line these up but with varying image title lengths I've run into a dead-end.

Can someone let me know if this is even possible. Thanks!

2 Answers

Nick Osborne
Nick Osborne
4,612 Points
Nick Osborne
Nick Osborne
4,612 Points

Hi Brandon, have you tried flex-boxes? They might be just the ticket for what you want to do.

There is a Treehouse workshop on it. Plus this site is worth checking: https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Anyways, you might already know about flexbox, but if not, I recommend...

Brandon Brigham
Brandon Brigham
3,716 Points
Brandon Brigham
Brandon Brigham
3,716 Points

Thanks Nick! I tried looking in Treehouse for the workshop, do you have a link?

Nick Osborne
Nick Osborne
4,612 Points
Nick Osborne
Nick Osborne
4,612 Points

Hi Brandon, yep, here is the link: https://teamtreehouse.com/library/css-flexbox-layout. Good luck. (One other thing: if you use flexbox, then (at the end) it is important to use autoprefixer: https://autoprefixer.github.io/ to make sure the css works in all browsers).