Getting a photo to fit vertically without extra space

This is for this dev site https://prphealth.nucitrus.com/

On the homepage I’m trying to get a picture fit vertically in a row, but regardless of resizing and attempted CSS, the picture keeps putting space on the bottom like this:

How do I get it to fill the space without that blue line at the bottom? Thanks,

Brian

Hi Brian,

Thank you for writing in, you can add a CLASS mbn to your image element.



see more about Utility Classes here.

But what you’re trying to do will not work with Image element, you might want to set that picture as the right column’s background-image, this will make sure that the image covers the column regardless of the screen size, the downside of this though is your image will be zoom-in and cause some of its side areas to be cut (better than empty spaces)

Hope it helps,
Cheers!

Great that worked!

You’re welcome, glad we could help.

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.