Aligning blocks inside a grid block

Hi Carsten,

Are these 4 containers all in one Grid block?

If so, set the vertical alignment of Grid block and Grid Container blocks all to Default should align these containers.

Let me know if this helps ??

• This reply was modified 2 years, 8 months ago by ying.

Hi Ying, thanks for your help, this is how it looks like with all alignments default.

View post on imgur.com

I have created one grid block inside a container block, and then I added two paragraph blocks in each of the two grid fields?

View post on imgur.com

View post on imgur.com

I don’t think it’s the best way to build the layout.

The 4 containers can be in one Grid Block.

So the structure would be:

- Container 
  - Grid
     - Container 
        - Paragraph
     - Container 
        - Paragraph
     - Container 
        - Paragraph
     - Container
        - Paragraph
 

In this way, you don’t need to change any settings, the containers should be aligned nicely automatically.

Hi there, I will follow your structure, but I can’t see how this will end up as a two column layout with two rows of paragraphs each, on desktop, and stacked on mobile?

Is this the Grid Block you will choose?

View post on imgur.com

Hi @carsten-lund,

Try this one: https://share.getcloudapp.com/OAu6g28P

Then, set the Container Width of all Container Blocks to 50%: https://fazarcon.pluginsupportwp.com/wp-admin/post.php?post=1431&action=edit

On Mobile, by default they would stack at 100% container width: https://share.getcloudapp.com/P8u1kN77

Hope this clarifies. ??

Hi there both, thanks Ying for the clarification of the structure to use, and @fernandoazarcon2 for the screen shots, choice of grid, and container width, which helped a lot.

I would never have choosen a four column grid block, for a two column layout, but all containers are now perfectly alligned.

Regards
Carsten

You are welcome Carsten ??