Page Formatting Questions

Hi guys,

I am having a styling error whenever I resize my browser window. I have the gallery set up just like in the video (with two columns for images). However, I noticed that when the window gets smaller, the paragraphs/captions underneath the images move to separate lines. Example:

"This very long sentence that is inside the <li> element..."

"gets reduced to this when there isn't
enough space"

I noticed that this makes the bottom of certain elements longer than others because there are more lines written. This in turn makes the layout look weird because the larger elements push the other elements into different places creating gaps in the list.

Is there a way to make all of the elements the same size and not be affected by the text?

Maybe instead of moving to the next line, the text looks more like this:

"This very long sentence that is...." (Instead of moving to the next line, it just trails off.)

Alternatively, another solution could be to make the text size smaller as we make the browsing window smaller. Is that possible?

This will help a lot! Thanks! Jeremy