Site logo

Archived topic

Full width container image

1 reply · Started by Matthieu on January 14, 2021

Viewing posts 1–2 of 2

Hello, I would like to make an effect like on: https://www.apple.com/fr/ipad/ (you have to go down on their page to get to: The essential iPad

As we can see, there are 4 blocks with an image which takes the width of the container and to the bottom of it.

How could I get this same effect ? Thank you.

Hi,

As we can see, there are 4 blocks with an image which takes the width of the container and to the bottom of it.

How could I get this same effect ? Thank you.

You can do this with GenerateBlock's Grid Block.

You can place 2 Grid Blocks with 2 columns each.

You then add in the contents.

As for the image:

You can either add an Image block with its alignment set to "Full-width".

Or add in a Container Block and add in the image as a background image. You then control the image height width padding.

This archived topic is closed to new replies.