Set one block to full width

Hi,

You can create a CSS class that applies "full page width" size to elements by adding this CSS:

.full-page-width {
    margin-left: calc(-100vw / 2 + 100% / 2);
    margin-right: calc(-100vw / 2 + 100% / 2);
    max-width: 100vw;
    width: auto;
}
.full-page-width * {
    width: 100%;
}

You then add "full-page-width" to your content block's CSS class selectors on their Advanced settings.

Thanks Elvin. But what if I don't want it to take the entirety of the page? As in I just want the image to be a BIT wider than the width of the text block, which CSS property should I tweak?

Cause as far as I know what you gave me would stretch the image across the entire width?

The best method to build that layout is using:
https://wordpress.org/support/plugin/generateblocks/

You would need to set the content container to full width first:
https://docs.generatepress.com/article/content-container/

But then inside GB you can set whatever width you want to the container blocks:
https://docs.generateblocks.com/article/container-overview/

Hope this helps :)