# 019: Bygga ett enkelt rutnät - CSS-tricks

Innehållsförteckning

Webbplatsdesignen formas till att vara väldigt rutnätlik. Våra moduler kommer att läggas ut mycket rent i ett rutnät. Men är inte galler komplexa och konstiga? Och kanske borde vi använda några snygga ramar där ute? Nej. De är lätta. Vi ställer in en enkel på bara några minuter. Begreppen på jobbet här inspirerade artikeln "Tänk inte över det."

Naturligtvis stöter vi på några problem under vägen (som du gör). I det här fallet använde vi en attributväljare som inte matchade som vi ville ha den.

Vi har också skapat en ”verktygslåda” CSS-fil som kommer att innehålla klasser som är generiska, återanvändbara och som är globalt användbara. Den första, som alltid, är Clearfix - lite CSS som vi kan använda på föräldraelement som vi inte vill kollapsa på grund av deras flytande barn. Vi laddar inte upp den här verktygslådan CSS som en separat fil, vi @importerar den till det globala.

Vi får nätet att fungera, men vi har fortfarande arbete att göra för att få modulerna att sitta där rätt och rännor installerade.

Intressanta artiklar...