How can I add gutters to AEM grid system? | Community
Skip to main content
M
mohammed9109
New Participant
March 20, 2023
Solved

How can I add gutters to AEM grid system?

  • March 20, 2023
  • 1 reply
  • 1383 views

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:

 



Best, 
Mohammed. 

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by arunpatidar

    You need to add media queries.

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

    1 reply

    arunpatidar
    arunpatidarAccepted solution
    New Participant
    March 21, 2023

    You need to add media queries.

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

    Arun Patidar
      Terms & ConditionsAccessibility statement

      Loading footer...