msb-public
/
Web-Dev-For-Beginners
mirror of https://github.com/microsoft/Web-Dev-For-Beginners.git
1
0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'af4caf666d'
${ noResults }
Web-Dev-For-Beginners/translations/pl/3-terrarium/2-intro-to-css/assignment.md

3.0 KiB
Raw Blame History

Zadanie z Refaktoryzacji CSS

Cel

Przeprojektuj projekt terrarium, aby używał Flexboxa lub CSS Grid do układu. Zaktualizuj HTML i CSS w razie potrzeby, aby osiągnąć nowoczesny, responsywny design. Nie musisz implementować elementów przeciąganych — skup się wyłącznie na układzie i stylizacji.

Instrukcje

  1. Utwórz nową wersję aplikacji terrarium. Zaktualizuj kod HTML i CSS, aby używać Flexboxa lub CSS Grid do układu.
  2. Upewnij się, że grafika i elementy są na miejscu, tak jak w oryginalnej wersji.
  3. Przetestuj swój projekt w co najmniej dwóch różnych przeglądarkach (np. Chrome, Firefox, Edge).
  4. Zrób zrzuty ekranu swojego terrarium w każdej przeglądarce, aby pokazać kompatybilność między przeglądarkami.
  5. Prześlij zaktualizowany kod i zrzuty ekranu.

Kryteria oceny

Kryterium Wzorowe Wystarczające Wymaga poprawy
Układ W pełni przeprojektowany za pomocą Flexboxa lub CSS Grid; estetyczny i responsywny Częściowo przeprojektowany; częściowe użycie Flexboxa lub Grid Minimalne lub brak użycia Flexboxa lub Grid; układ niezmieniony
Kompatybilność Zrzuty ekranu z wielu przeglądarek; spójny wygląd Zrzuty ekranu z jednej przeglądarki; drobne niespójności Brak zrzutów ekranu lub poważne niespójności
Jakość kodu Czysty, dobrze zorganizowany HTML/CSS; jasne komentarze Częściowa organizacja; niewiele komentarzy Nieuporządkowany kod; brak komentarzy

Wskazówki

  • Przejrzyj przewodniki dotyczące Flexboxa i CSS Grid.
  • Użyj narzędzi deweloperskich przeglądarki, aby przetestować responsywność.
  • Komentuj swój kod dla przejrzystości.

Zastrzeżenie:
Ten dokument został przetłumaczony za pomocą usługi tłumaczenia AI Co-op Translator. Chociaż staramy się zapewnić dokładność, prosimy pamiętać, że automatyczne tłumaczenia mogą zawierać błędy lub nieścisłości. Oryginalny dokument w jego języku źródłowym powinien być uznawany za autorytatywne źródło. W przypadku informacji krytycznych zaleca się skorzystanie z profesjonalnego tłumaczenia przez człowieka. Nie ponosimy odpowiedzialności za jakiekolwiek nieporozumienia lub błędne interpretacje wynikające z użycia tego tłumaczenia.