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

How can I add gutters to AEM grid system?

  • March 20, 2023
  • 1 reply
  • 1385 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
    Community Advisor
    arunpatidarCommunity AdvisorAccepted solution
    Community Advisor
    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...