How to create a block with with two columns and two rows in one column?

Hi there,

I’m recreating a website in WP for a customer. He is particularly fond of the block setup with one vertical image on the left side and two horizontal images on the right side – both columns being aligned in height. I’ve attached an example below

I’ve recreated the positioning of the text on top of the images, but however I’m only able to set up a block with space for 4 images. Can you help me make a global block with this specific layout either with CSS or customising via the functions.php file of the child theme? I’m not using pro for these pages as I find it easier not to, since they just have to look like blogpost – without being blogposts.

Regards,
Carina

Hi Carina,

You could achieve that with the The Grid extension:

Here is the demo:

https://theme-one.com/the-grid/justified-dacca/

Hope it helps :slight_smile:

Hi Thai,

Thanks for your suggestion, however, I would prefer to solve the problem without plugins and extensions. Still learning CSS, so I haven’t been able to fix it on my on yet.

Regards,
Carina

Hi Carina,

Here is an example about the Pure CSS Justified Image:

https://codepen.io/g12n/pen/xsAdm

Hope it helps :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.