Trying to make section larger to fit entire image for full width and display

[Kiselstein]

Hello, it has been quite a while since I tried to change the homepage of my website around. I remember it being easier to adjust the height of each section. Anyways, I want a full display of the picture I am trying to insert onto my home page. Would this particular element code interfere with the full display of an image $el {
display: flex;
}
?? If not how would I go about getting a full display of the image? I thought about increasing the padding in the row for that section, but I feel thats going to cause more problems than solve. What would be to the best way to get a full display image to replace the one below. Thank you

[friech]

Hi Brian,

Thank you for writing in, there are 3 things you can do to adjust the height of that, first is to add a Gap element on that 2/3 column, adjust the height of your Gap element where you see it fits.

Or you can add your image as an Image element, not a background. That way your image gets its height and width.

Or you can add this to section’s Element CSS area.

$el.x-section {
	min-height: calc(100vh - 90px);
}

Hope it helps,
Cheers,