Expand my Community achievements bar.

Dive into Adobe Summit 2024! Explore curated list of AEM sessions & labs, register, connect with experts, ask questions, engage, and share insights. Don't miss the excitement.
SOLVED

How can I add gutters to AEM grid system?

Avatar

Level 1

Hi all,

I'd like to know how I can add gutter to the AEM grid system. The gutters will be varying in size (px) between 30px (larger screens) to 16px *mobile screens). And it should also be visible when resizing containers in Layout mode. For further context, I[m using the out of the box AEM-Grid CSS, so 12 grids in total.

I realize this might be more of a front end question and (more importantly) a novel question, but any help is appreciated. 

I've marked gutters spaces below:

mohammed9109_0-1679353510939.png

 



Best, 
Mohammed. 

1 Accepted Solution

Avatar

Correct answer by
Community Advisor

You need to add media queries.

Margin can be used for creating gutter along with media query.



Arun Patidar

View solution in original post

1 Reply

Avatar

Correct answer by
Community Advisor

You need to add media queries.

Margin can be used for creating gutter along with media query.



Arun Patidar