🎯 Chcę mieć absolutną pewność, że darmowe materiały, które publikuję, spełniają Twoje oczekiwania. Dlatego oferuję Ci ebooka o wartości 39 PLN:
Jak zostać programistą? SKUTECZNY PRZEWODNIKw zamian za wypełnienie ankiety.
HTML i CSS: Responsywność
Ruch na stronach internetowych z urządzeń mobilnych to zdecydowana większość. Dla wybranych witryn może stanowić nawet 90% ruchu ze wszystkich urządzeń.
Umiejętność tworzenia responsywnych stron internetowych, czyli dostosowujących się do rozmiaru urządzenia, jest niezbędna u każdego frontendowca.
Zanim przystąpisz do zadań powinieneś przerobić:
- jednostki relatywne,
- punkty graniczne (ang. breakpoints) w CSS,
- responsywność:
- tekstu,
- zasobów (grafik, filmów),
- menu,
- flexa oraz grida.
Zadania
🔥 Raz w tygodniu wykonuję bezpłatny Code Review wybranej losowo osobie, która nie współpracuje ze mną w ramach mentoringu. Zrób Pull Request i weź udział w losowaniu. Życzę Ci efektywnej nauki programowania! Pozdrawiam, Mateusz Bogolubow.
👉 #01 #02 #03 #04 #05 👈
⬅️ poprzedni zestaw zadań (HTML i CSS: Podstawy)
Jak prawidłowo wykonać zadania?
Najpierw zrób tzw. fork (prawy, górny róg strony). W ten sposób utworzysz kopię tego repozytorium na Twoim koncie GitHub.
Teraz będziesz mógł wykonywać zadania na swoim repozytorium. Wystarczy, że skopiujesz pliki na swój komputer przy pomocy komendy git clone.
Zadania rozwiązuj jedno po drugim, ponieważ z każdym kolejnym ich poziom trudności wzrasta.
Pamiętaj o zapisywaniu historii zmian w plikach przy pomocy komend git add oraz git commit.
Aby wysłać dane na zdalny serwer, wystarczy komenda git push.
Po wysłaniu plików na GitHuba wykonaj Pull Request, aby wziąć udział w losowaniu bezpłatnego Code Review wykonanych zadań.