Como eu digo para a minha página que ela deve ter 12 colunas de 72px cada e um espaçamento entre essas colunas de 32px?
Solucionado
Como eu digo para a minha página que ela deve ter 12 colunas de 72px cada e um espaçamento entre essas colunas de 32px?
width: 1216px;
display:grid;
grid-template-columns: repeat(12, 1fr);
gap:32px;
Assim eu consigo dizer que são 12 colunas com um gap de 32px cada(isso está no body). Porém agora, como digo que uma div deve ocupar 6 colunas? Ou como digo que um logo deve começar na coluna 7 e ir até a 8?
Fala ai Patrick, tudo bem? Você pode utilizar o grid-column-start e grid-column-end ou apenas grid-column, algo assim:
grid-column: 1 / 7;
grid-column: 7 / 8;Espero ter ajudado.