- O que é tamanho da grade padrão?
- Por que usar uma grade de 12 colunas?
- Quanta margem eu preciso para uma grade de 12 colunas?
O que é tamanho da grade padrão?
Discutiremos isso em maior profundidade em breve. As larguras das colunas estão sempre à altura do designer, mas em termos de práticas padrão, o número tradicional de colunas a serem usadas é 12 no desktop, 8 no tablet e 4 no celular. A maioria das grades tem larguras de coluna de 60-80px.
Por que usar uma grade de 12 colunas?
O número 12 é o mais facilmente divisível entre números razoavelmente pequenos; É possível ter 12, 6, 4, 3, 2 ou 1 colunas espaçadas uniformemente. Isso dá aos designers uma tremenda flexibilidade sobre um layout. Embora a grade de 12 colunas seja uma escolha popular entre muitos designers, não é uma solução única.
Quanta margem eu preciso para uma grade de 12 colunas?
A grade de doze coluna não tem uma largura máxima. Tem uma largura de 100%, com margens incorporadas que criam preenchimento entre a contagem de colunas e as bordas da viewport. Em dispositivos com uma largura de tela maior que 768px, as margens são 5% à esquerda e 5% à direita.