Grid-layoutt | Community
Skip to main content
Keerthi0555
Keerthi0555
New Participant
January 29, 2024

Grid-layoutt

  • January 29, 2024
  • 1 reply
  • 623 views

Hi Team,

I'm trying to to get grids of 8 column in aem on mobile and tablet view by using grid.less, I tried  adding max-col to 8  for mobile and tablet media's but it's not working is there any other way to do this.

Thanks in advance

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

1 reply

arunpatidar
arunpatidar
New Participant
January 29, 2024

Hi @keerthi0555 
Did you try to add max-col at https://experienceleague.adobe.com/docs/experience-manager-65/content/sites/administering/operations/configuring-responsive-layout.html?lang=en#include-the-responsive-css ?

Arun Patidar
    Keerthi0555
    Keerthi0555Author
    New Participant
    January 29, 2024

    no, like below,but it's not working any other approach?

    /* maximum amount of grid cells to be provided */
    @518014_col: 12;

    /* default breakpoint */
    .aem-Grid {
      .generate-grid(default, @518014_col);
    }

    /* phone breakpoint */
    @590883(max-width: 767px) {
      @518014_col: 8;
      .aem-Grid {
        .generate-grid(phone, @518014_col);
      }
    }
      Terms & ConditionsAccessibility statement

      Loading footer...