O design do site está se transformando em uma grade. Nossos módulos serão dispostos de forma muito limpa em uma grade. Mas as grades não são complexas e estranhas? E talvez devêssemos usar alguma estrutura sofisticada por aí? Nah. Eles são fáceis. Vamos configurar um simples em apenas alguns minutos. Os conceitos em ação inspiraram o artigo “Não pense demais em grades”.
É claro que encontramos alguns problemas ao longo do caminho (assim como você). Neste caso, usamos um seletor de atributo que não correspondeu como queríamos.
Também configuramos um arquivo CSS de “caixa de ferramentas” que conterá classes que são genéricas, reutilizáveis e globalmente úteis. O primeiro, como sempre, é o Clearfix - um pouco de CSS que podemos usar em elementos pais que não queremos que sejam recolhidos por causa de seus filhos flutuantes. Não carregamos este CSS da caixa de ferramentas como um arquivo separado, nós o importamos para o global.
Conseguimos fazer a grade funcionar, mas ainda temos trabalho a fazer para colocar os módulos lá corretamente e as calhas configuradas.
