Grid

Conceito

O grid é a base para o posicionamento de elementos na tela. Projetar com o grid ajuda a criar experiências contínuas e fáceis de seguir.


Ilustração referente a GRID

Colunas 12px
Margem 64px
Margem entre colunas 24px

Breakpoints

Um ponto de interrupção é o limite do tamanho da tela determinado por requisitos de layout específicos. Em um determinado intervalo de ponto de interrupção, o layout se ajusta para se adequar ao tamanho e à orientação de tela.

  • Phone: (SM) 576px
  • Tablet: (MD) 768px
  • Notebook: (LG) 992px
  • Desktop: (XXL) 1440px