Kontynuując koncepcję „Don't Overthink It Grids”, uzyskujemy rynny w siatce, po prostu używając prostego wypełnienia. Utrzymujemy spójną liczbę wypełnień, ponownie wykorzystując naszą $paddingzmienną globalną . Przekonasz się, że używamy tej liczby tony, gdy wykonujemy naszą stylizację.
Stylizujemy klasę „module” za pomocą prostego tła i cienia box-shadow. Jest to klasa wielokrotnego użytku, której można używać w dowolnym miejscu.
Efektem końcowym jest urocza elastyczna siatka, która zajęła tylko kilka wierszy kodu. W miarę postępów może się to nieco bardziej skomplikować, ale nie za bardzo.