Docs

[huylam1]

Hi there,

I’ve created a 4 marginless columns and they don’t line up at the bottom. My URL is http://naokokamura.ca/mavi/group-incentive-travel/. All 4 images are the same size. I’ve attached a screenshot as well. Please advise. Thank you.

[huylam1]

Just realized that the image didn’t upload on my last mail. Here it is again.

[Nico]

Hi There,

Thanks for writing in.

Upon checking your setup, I could see that the images does not have the same height. Other images has 1190 px height while other has 1191 px.

Hope it helps.

Let us kno whow it goes.

Thanks.

[huylam1]

Hi there,

It happens on other pages as well with all images at 1191px. Here is another example…the URL is http://naokokamura.ca/mavi/leisure/

I’ve attached a screenshot as well. As I said, all the pics are 1191px in height.

Thanks again.

[huylam1]

Hi,

I’ve also reuploaded all pics on the page http://naokokamura.ca/mavi/group-incentive-travel/ to have the same image size of 670×1191 px, and it’s still not aligning on the bottom. Please advise.

Thank you.

[Lely]

Hello There,

Thanks for the link.
Upon checking, your container maximum width is 1170px. This is you site max width you have set on Appearance > Customize > Layout and Design > Site Max Width.

This 1170px is divided by 4 (your number of columns):
1170/4 = 292.5 =? 292.5 is your columns width
Since pixel is whole number, there are 2 columns with plus 1. That’s why your columns size will be 293+293+292+292. The first 2 images appear longer by 1 pixel.

You might want to adjust Container Max width to 1172px.

Hope this helps.

[Author]

Posts