unequal column size - Post ID 248279
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?
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?
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.
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
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
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?
Is this what you are looking for?
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.
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?
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!
Taking over the world one website at a time!
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
Steve Kolish
www.misterwebguy.com
YouTube Channel:
https://www.youtube.com/channel/UCL8qVv … ttneYaMSJA
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.