Continuando o conceito de “Don't Overthink It Grids”, obtemos sarjetas na grade usando apenas um preenchimento simples. Mantemos o número de preenchimento consistente reutilizando nossa $paddingvariável global . Você descobrirá que usamos esse número uma tonelada quando fazemos nosso estilo.
Nós estilizamos a classe “módulo” com um fundo simples e sombra de caixa. Esta é uma classe muito reutilizável que pode ser usada em qualquer lugar.
O resultado final é uma adorável grade flexível que ocupou apenas algumas linhas de código. Pode ficar um pouco mais complexo à medida que avançamos, mas não muito.