Image gap

Hi @nebadita,

Our primary recommendation for this would be to use a GenerateBlocks Grid Block to structure this section. Reference: https://docs.generateblocks.com/article/grid-overview/

Through this, you shouldn’t need custom code to control how it looks on desktop, tablet and mobile.

Hi @fernandoazarcon2
thanks for the reply. However grid is creating vertical layout on mobile. Which I dont want. I want it to be a horizontal as it is now as shown in picture. So please help me with the gap?

You can make the Grid Block columns line up horizontally on mobile as well.

Just change the view to mobile on top of the Block Settings, and replace the Container Width of the Container Blocks of the Grid Block to a lower value. Ideally, with your structure, it should be just 33%.

Hi @fernandoazarcon2
Thanks for your reply. But it is still not working. Do you have any other method? Please help

It’s not built with GenerateBlocks Grid Block yet.

If you would like to use WordPress Core Blocks, you’ll need custom CSS for that.