💬 Jeśli oczekujesz informacji zwrotnej do napisanych przez Ciebie rozwiązań w formie komentarzy do kodu tzw. Code Review to zapraszam do 💰 wsparcia mojego konta.

Ruch na stronach internetowych z urządzeń mobilnych to zdecydowana większość. Dla wybranych witryn wspomniana miara może sięgać nawet 90%.

Umiejętność tworzenie responsywnych stron internetowych tj. dostosowujących się do rozmiaru urządzenia jest niezbędna w orężu każdego frontend-owca.

Zanim przystąpisz do zadan powineneś przerobić:

• Jednostki relatywne
• Punkty graniczne (ang. breakpoints) w CSS
• Reponsywność:
  • Tekstu
  • Zasobów (grafik, filmów)
  • Menu
• Flex-a oraz Grid-a

Zadania: 👉 1️⃣   2️⃣   3️⃣   4️⃣   5️⃣ 🚩

⚠️ Jeśli potrzebujesz materiałów do zadań to znajdziesz je na stronie 📚devmentor.pl

✅ Wykonanie każdego z zadań bez problemów będzie oznaczać, że jesteś gotowy, aby przejść do następnych zagadnień ➡️

Po pobraniu plików (o czym za chwilę) należy wykonywać zadania zgodnie z numerami - od najniższego numeru do najwyższego. Zgodnie z ich treścią, którą znajdziesz w pliku README.md w każdym z katalogów. Poziom trudności stopniowo się zwiększa.

Mamy dwie ścieżki dla pobrania plików:

• Chcę od razu przejść do zadań
• Mam już doświadczenie z GitHub-em i GIT-em

Po prawej stronie znajdziesz przycisk "clone or download" - kliknij go.

Powinien pojawić się element, w którym znajdziesz opcje "Download ZIP" - ponownie wykonaj klik.

Teraz wystarczy, że rozpakujesz pobrane plik i otworzysz w swoim ulubionym edytorze (proponuję VSC).

Najwygodniej będzie wykonać fork (prawy górny róg strony), co utworzy kopie tego repozytorium na Twoim koncie GitHub i będziesz mógł wykonywać zadania na swoim repozytorium.

Dzieki temu rozwiązaniu będę mógł śledzić postępy Twojej pracy nad zadaniami.

Powodzenia! ⚡ ⚡ ⚡ Mateusz Bogolubow, devmentor.pl