Programowanie webowe | 02. Float left vs. Display inline-block

Zadanie do samodzielnego wykonania

Mirosław Zelent

Na podstawie wiedzy z dzisiejszego odcinka kursu wykonaj przedstawioną poniżej strukturę divów – dokładne wymiary, proporcje, nazwy klas, jak i kolory bloków dobierz samodzielnie. Uwaga: odstępy widoczne na schemacie są jedynie umowne (mają obrazować wzajmne położenie bloków) – w praktyce divy powinny być przyklejone do siebie bez żadnych odstępów. Wybierz swoją ulubioną metodę (float:left vs. display:inline-block) albo wykonaj dwie wersje layoutu.

Nic nie zastąpi samodzielnej pracy z kodem – to właśnie doświadczenia potrzebujesz na egzaminie! Podczas pracy popełnisz błędy, pogłówkujesz, naprawisz je – zastosujesz zdobytą wiedzę w praktyce. Nawet najlepszy wykład, książka czy film nie zastąpi samodzielnej pracy z kodem – nie lekceważ więc zadania domowego i niech zawsze najważniejszym etapem nauki programowania będzie dla Ciebie cierpliwa praca w edytorze połączona ze śledzeniem poczynionych zmian w przeglądarce internetowej.