grid

#34. Grid na flexie

Słowem wprowadzenia W jednym z wcześniejszych ▶ materiałów pokazywałem jak tworzyć grid – metoda tworzenia układu strony w podziale na kolumny. Trzeba było używać znanych Ci właściwości CSS: width i float. Niestety jest obarczony błędami treści wystających poza kontener. Poniżej zobaczysz przykładowy grid, który stworzyłem. Wspomaga on na zarządzaniu ułożeniem elementów na stronie.   Książkowy …

#34. Grid na flexie Read More »

#20. Strona ze zdjęciami🖼

Cześć. Podsumujemy naszą wiedzę z tematyki budowy layoutu. Poniżej dodaję ćwiczenie do rozwiązania. Powodzenia Ćwiczenie Stwórz nowy projekt w codesandbox. Stworzymy podstawowy szkielet strony HTML. Dodaj diva z klasą “hero”. W nim umieść nagłówek h1 z treścią”Witam!”. Zamknij diva. Kolejnego diva dodaj z klasą “container”. Zamknij diva. Pod nim dodaj diva z klasą “footer”. W …

#20. Strona ze zdjęciami🖼 Read More »

#19. Grid i wszystko jasne❓

Pojęcie “Grid” tłumacząc na z angielskiego to siatka, rusztowanie. W pewnym sensie to też layout. Jednak nazwałbym to pewny zorganizowany system rozmieszczania elementów. Nazywając systemem “coś” to musi mieć pewną gotową konfigurację. Grid mówi nam ile maksymalnie kolumn dzielimy zawartość strony. Często stosuję się gridy 12-kolumnowe.  Kiedy mamy 12 kolumn to możemy np. dzielić wiersze …

#19. Grid i wszystko jasne❓ Read More »