Gutters
Os gutters são os espaçamentos entre as colunas, utilizados para espaçar e alinhar o conteúdo de forma responsiva no Grid System.
Eles são definidos por padding-right e padding-left para cada coluna e utiliza negative margins para alinhar o conteúdo no início e no final de cada linha. Os gutters têm uma largura inicial de 1.5rem (24px) e podem ser ajustados de forma responsiva.
Para alterar os gutters, você pode usar classes como .gx-*, .gy-* ou .g-* para alterar os espaçamentos horizontais, verticais ou todos os gutters, respectivamente. A classe .g-0 pode ser usada para remover os gutters completamente.