Hi, I have 3 columns of equal height that look perfect on larger screen sizes down to 1262 pixels wide, but from 1262 to 990 – until the site hits tablet size, the 3rd column is smaller, no longer has the border radius and is not equal to the others. So my client apparently has a smaller notebook and is seeing this and I can’t figure out why it’s happening. Could you shed some light on this?
The site is here: http://eleinar21.sg-host.com/
And it’s the 3 boxes right under the hero section with their 3 services: Personalized Leadership Coaching, Create Your Flock, and Join a Flock
Hey Eleina,
Thank you for the link to your site, the column is equal height, but the image height is not like the others, since it is only a background image this css should solve:
.home .flex_column.av_one_third.avia-builder-el-13 {
background-size: cover;
}
After applying the css, please clear your browser cache and check.
Best regards,
Mike
This worked, thank you so much!!!