unequal column size - Post ID 248284

User 2694843 Photo


Registered User
8 posts

I have a row of 4 images with captions of various lengths below each image. In the desktop view I want them to appear as a row of 4 images. In tablet view I want 2 rows of 2 images. In the smartphone view I want a single column of 4 images.

My problem is in the tablet view because of the varying caption length they appear disjointed in that one drops lower than the next. However, they display properly in smartphone view.

Is there a way to set the size of the column to a uniform size so that no matter the length of the caption they will display as desired?
User 103173 Photo


VP of Software Development
0 posts

Can you upload your project file Sheridan so we can see how you have things setup?
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2694843 Photo


Registered User
8 posts

User 2088758 Photo


Senior Advisor
3,086 posts

I think what you want to do is set a min height on each of those columns when things start breaking down.
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 103173 Photo


VP of Software Development
0 posts

I made a few changes to your project. You had a problem with one of the spans on the tablet view and I also increased your min-height settings.

Is this what you are looking for?
Attachments:
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 2088758 Photo


Senior Advisor
3,086 posts

Scott Swedorski wrote:
I made a few changes to your project. You had a problem with one of the spans on the tablet view and I also increased your min-height settings.

Is this what you are looking for?


Yes! I was right! :D:D:D
Taking over the world one website at a time!

Steve Kolish
www.misterwebguy.com

YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
User 2694843 Photo


Registered User
8 posts

Exactly. Yo da man!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.