Projekt witryny wygląda bardzo podobnie do siatki. Nasze moduły będą układać się bardzo czysto w siatkę. Ale czy siatki nie są skomplikowane i dziwne? A może powinniśmy użyć jakiegoś wymyślnego frameworka? Nie. Są łatwe. Za kilka minut ustawimy prosty. Koncepcje, które tu zastosowaliśmy, dały początek artykułowi „Don't Overthink It Grids”.
Oczywiście po drodze napotkamy kilka problemów (tak jak Ty). W tym przypadku użyliśmy selektora atrybutu, który nie pasował tak, jak chcieliśmy.
Stworzyliśmy również plik CSS „zestawu narzędzi”, który będzie zawierał klasy, które są ogólne, wielokrotnego użytku i są w pewnym sensie przydatne globalnie. Pierwszym, jak zawsze, jest Clearfix - trochę CSS, którego możemy użyć na elementach nadrzędnych, których nie chcemy zwijać z powodu ich pływających dzieci. Nie ładujemy tego CSS zestawu narzędzi jako oddzielnego pliku, @ importujemy go do pliku globalnego.
Uruchomiliśmy siatkę, ale nadal musimy wykonać pracę, aby poprawnie ustawić moduły i ustawić rynny.
