Archived topic
Full width container image
1 reply · Started by Matthieu on January 14, 2021
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.