Das Site-Design gestaltet sich sehr gitterartig. Unsere Module werden sehr sauber in einem Raster angeordnet. Aber sind Gitter nicht komplex und seltsam? Und vielleicht sollten wir da draußen ein ausgefallenes Framework verwenden? Nein, nein. Sie sind einfach. Wir werden in wenigen Minuten eine einfache einrichten. Die Konzepte, die hier am Werk sind, haben den Artikel „Don't Overthink It Grids“ inspiriert.
Natürlich stoßen wir auf dem Weg (wie Sie) auf einige Probleme. In diesem Fall haben wir einen Attributselektor verwendet, der nicht so übereinstimmt, wie wir es wollten.
Wir haben auch eine "Toolbox" -CSS-Datei eingerichtet, die Klassen enthält, die generisch, wiederverwendbar und global nützlich sind. Das erste ist wie immer das Clearfix - ein bisschen CSS, das wir für übergeordnete Elemente verwenden können, die aufgrund ihrer schwebenden untergeordneten Elemente nicht reduziert werden sollen. Wir laden dieses Toolbox-CSS nicht als separate Datei, sondern importieren es in die globale Datei.
Wir bringen das Netz zum Laufen, aber wir haben noch viel zu tun, um die Module richtig einzusetzen und die Dachrinnen einzurichten.
