Archived topic

Make image block Fill the full height of the container

1 reply · Started by Rostyslav on July 26, 2022

Viewing posts 1–2 of 2

July 26, 2022 at 2:41 am #2293756

Hello,

I am trying to mathe the block image fill the full container vertically and horizontally like this: https://www.loom.com/share/31bb5cea5e8c4e5b880054a3436c7ad5

I did it this way and not sure if it is correct.

I gave an additional css to the right container contenedor100

And then applied this styles:

.contenedor100 > .gb-inside-container {
	height:100%
}

.contenedor100 > .gb-inside-container figure.gb-block-image {
	height:100%;
}

Is it done properly or is there another built in simplier method to achive that?

July 26, 2022 at 5:36 am #2293910

Hi there,

unless you add a background image instead, then that method is correct, but you can combine your 2 rules into one:

.contenedor100 > .gb-inside-container,
.contenedor100 > .gb-inside-container figure.gb-block-image {
	height:100%;
}

This archived topic is closed to new replies.