Expand my Community achievements bar.

Adobe Summit 2025: AEM Session Recordings Are Live! Missed a session or want to revisit your favorites? Watch the latest recordings now.

Mark Solution

This conversation has been locked due to inactivity. Please create a new post.

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

AEM LinksLinkedIn

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

AEM LinksLinkedIn