mediaquery doesn't support margin

[rbickel]

Hi,
I am using the mediaquery to change the grid layout depending on the device. I would like to remove the margin for smaller devices, however it seems the mediaquery block doesn't support setting the margin for smaller devices.

Desired state:

margin: 0px 50px
grid-template-columns: 10% auto auto 15%
grid-template-rows: auto
grid-gap: 50px
grid-template-areas: |
  "header header header header"
  "nav1 main1 main2 nav2"
  "footer footer footer footer"
mediaquery:
  "(max-width: 600px)":
    grid-template-columns: 100%
    grid-template-areas: |
      "header"
      "main1"
      "nav1"
      "main2"
      "nav2"
    grid-gap: 0
    margin: 0
  "(max-width: 800px)":
    grid-template-columns: 50% 50%
    grid-template-areas: |
      "header header"
      "main1 nav1"
      "main2 nav2"
    grid-gap: 0
    margin: 0

In the example above margin: 0 is ignored