Expand my Community achievements bar.

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.

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.

page footer
Change Username