Repeating Panel Grid

Anvil Q&A
5

What about a media query:
change the css to be:

@media screen and (min-width: 768px) { /* only on tablets and larger*/
  .anvil-role-3-cols > div {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 3%; /*adjust as needed*/
  }
}

I haven’t tested it but I think it’ll work… It basically says behave like a normal repeating panel unless it’s a tablet or wider…

1 Like