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 '5fb78cc2d1'
${ noResults }
Web-Dev-For-Beginners/translations/hr/3-terrarium/2-intro-to-css/assignment.md

2.9 KiB
Raw Blame History

CSS Refaktoriranje Zadatak

Cilj

Refaktorirati projekt terarija koristeći Flexbox ili CSS Grid za raspored. Ažurirajte HTML i CSS prema potrebi kako biste postigli moderan, responzivan dizajn. Ne trebate implementirati elemente koji se mogu povlačiti—fokusirajte se samo na raspored i stilizaciju.

Upute

  1. Izradite novu verziju aplikacije za terarij. Ažurirajte oznake i CSS kako biste koristili Flexbox ili CSS Grid za raspored.
  2. Osigurajte da su umjetnički elementi i ostali dijelovi na mjestu kao u originalnoj verziji.
  3. Testirajte svoj dizajn u najmanje dva različita preglednika (npr. Chrome, Firefox, Edge).
  4. Napravite snimke zaslona svog terarija u svakom pregledniku kako biste pokazali kompatibilnost među preglednicima.
  5. Predajte svoj ažurirani kod i snimke zaslona.

Rubrika

Kriterij Izvrsno Zadovoljavajuće Potrebno poboljšanje
Raspored Potpuno refaktoriran koristeći Flexbox ili CSS Grid; vizualno privlačan i responzivan Djelomično refaktorirani elementi; djelomična upotreba Flexboxa ili Grida Malo ili nimalo upotrebe Flexboxa ili Grida; raspored nepromijenjen
Kompatibilnost među preglednicima Snimke zaslona osigurane za više preglednika; dosljedan izgled Snimke zaslona za jedan preglednik; manje nedosljednosti Nema snimki zaslona ili velike nedosljednosti
Kvaliteta koda Čist, dobro organiziran HTML/CSS; jasni komentari Djelomična organizacija; malo komentara Neorganiziran kod; nedostatak komentara

Savjeti

  • Pregledajte vodiče za Flexbox i CSS Grid.
  • Koristite alate za razvoj preglednika za testiranje responzivnosti.
  • Komentirajte svoj kod radi jasnoće.

Izjava o odricanju odgovornosti:
Ovaj dokument je preveden pomoću AI usluge za prevođenje Co-op Translator. Iako nastojimo osigurati točnost, imajte na umu da automatski prijevodi mogu sadržavati pogreške ili netočnosti. Izvorni dokument na izvornom jeziku treba smatrati autoritativnim izvorom. Za ključne informacije preporučuje se profesionalni prijevod od strane ljudskog prevoditelja. Ne preuzimamo odgovornost za nesporazume ili pogrešna tumačenja koja mogu proizaći iz korištenja ovog prijevoda.