Grid-layoutt

[Keerthi0555]

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

[arunpatidar]

Hi @Keerthi0555 
Did you try to add max-col at https://experienceleague.adobe.com/docs/experience-manager-65/content/sites/administering/operations... ?

[Keerthi0555]

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

/* maximum amount of grid cells to be provided */

@max_col: 12;

/* default breakpoint */

.aem-Grid {

  .generate-grid(default, @max_col);

}

/* phone breakpoint */

@media(max-width: 767px) {

  @max_col: 8;

  .aem-Grid {

    .generate-grid(phone, @max_col);

  }

}