Question

[merlojh]

When I look at different browsers Google seems to look different than Firefox or Explorer say on this page http://www.new.theorganicwinecompany.com/organic-wine-certifications/ on the bottom the logos do not line up but in the other two they do? Not sure if you have an answer for this. John

[Weaver]

I can see the same behavior – the bottom two items are shifted right.

I looked at your source for those, and actually, the columns aren’t laying as you might intend.  But if you reduce the width of a Chrome tab, they shift to align correctly.

First thing I would try is to add a <span style=”clear:both;”></span> between the two 2 column sections.

[merlojh]

Thanks for the answer! John

[scrambler]

yes, In each column, you need to add a clear:both on the second image (in yellow)

<img loading="lazy" src="http://www.new.theorganicwinecompany.com/wp-content/uploads/2020/09/bio_gro.jpg" alt="Bio Gro image" width="100" height="100" class="alignleft size-full wp-image-584" style="
clear: both;">

[merlojh]

I just figured out I gave the col a width of each 50% so it seemed like that may have also been the problem thanks John

[Author]

Posts