El diseño del sitio se perfila como una cuadrícula. Nuestros módulos se distribuirán de forma muy limpia en una cuadrícula. ¿Pero no son las cuadrículas complejas y extrañas? ¿Y tal vez deberíamos usar algún marco elegante? Nah. Son fáciles. Configuraremos uno simple en solo unos minutos. Los conceptos en funcionamiento aquí inspiraron el artículo "No pienses demasiado en las cuadrículas".
Por supuesto, nos encontramos con algunos problemas en el camino (como usted). En este caso, usamos un selector de atributos que no coincidía como queríamos.
También configuramos un archivo CSS de "caja de herramientas" que contendrá clases que son genéricas, reutilizables y útiles a nivel mundial. El primero, como siempre, es Clearfix, un poco de CSS que podemos usar en elementos padres que no queremos que colapsen debido a sus hijos flotantes. No cargamos esta caja de herramientas CSS como un archivo separado, lo @importamos al global.
Conseguimos que la cuadrícula funcione, pero todavía tenemos trabajo por hacer para que los módulos se asienten correctamente y las canaletas se instalen.