Continuando con el concepto de “No piense demasiado en las cuadrículas”, conseguimos que las canaletas se activen en la cuadrícula simplemente usando un relleno simple. Mantenemos el número de relleno consistente reutilizando nuestra $paddingvariable global . Descubrirá que usamos ese número muchísimo mientras peinamos.
Diseñamos la clase "módulo" con un fondo simple y una sombra de cuadro. Esta es una clase muy reutilizable que se puede usar en cualquier lugar.
El resultado final es una hermosa cuadrícula flexible que solo tomó unas pocas líneas de código. Puede volverse un poco más complejo a medida que avanzamos, pero no demasiado.