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 How to Make a Website Styling Web Pages and Navigation Polish the Navigation and Footer

Posted by Patrick Herniak
Patrick Herniak
1,562 Points

CSS to ensure gallery stays in place - text throws off the layout

When i change the resolution to the smallest level, the first gallery has text "experimentation with color and texture" which runs into 3 lines and the rest of the gallery text has 2 lines. This throws the layout out of whack. How can this be rectified?

Trace Harris
.a{fill-rule:evenodd;}techdegree seal-36
Trace Harris
Python Web Development Techdegree Graduate 22,065 Points

I ca help but can you please post your code and what do you mean by resolution and smallest leval?

1 Answer

Shawn Flanigan
PLUS
Shawn Flanigan
Courses Plus Student 15,815 Points
Shawn Flanigan
Shawn Flanigan
Courses Plus Student 15,815 Points

Patrick: It's hard to tell exactly what you're looking for from your description, but I have a feeling you're battling with divs that have different heights because of different text lengths. If this is the case, you could implement a minimum-height for these elements on smaller screens - or you might want to use JavaScript. I've used the matchHeight jQuery plugin with some success in the past. If you're just getting started coding, this may be a bit daunting, though.

Hope that helps!