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

2.8 KiB
Raw Blame History

CSS Refaktorering Oppgave

Mål

Refaktorer terrarium-prosjektet til å bruke Flexbox eller CSS Grid for layout. Oppdater HTML og CSS etter behov for å oppnå et moderne, responsivt design. Du trenger ikke implementere dra-og-slipp-elementer—fokuser kun på layout og styling.

Instruksjoner

  1. Lag en ny versjon av terrarium-appen. Oppdater markeringen og CSS for å bruke Flexbox eller CSS Grid for layout.
  2. Sørg for at kunsten og elementene er på plass som i den originale versjonen.
  3. Test designet ditt i minst to forskjellige nettlesere (f.eks. Chrome, Firefox, Edge).
  4. Ta skjermbilder av terrariet ditt i hver nettleser for å demonstrere kompatibilitet på tvers av nettlesere.
  5. Send inn den oppdaterte koden og skjermbildene.

Vurderingskriterier

Kriterier Fremragende Tilfredsstillende Trenger forbedring
Layout Fullstendig refaktorert med Flexbox eller CSS Grid; visuelt tiltalende og responsivt Noen elementer refaktorert; delvis bruk av Flexbox eller Grid Lite eller ingen bruk av Flexbox eller Grid; layout uendret
Kompatibilitet Skjermbilder levert for flere nettlesere; konsistent utseende Skjermbilder for én nettleser; mindre inkonsekvenser Ingen skjermbilder eller store inkonsekvenser
Kvalitet på kode Ren, godt organisert HTML/CSS; tydelige kommentarer Noe organisering; få kommentarer Uorganisert kode; mangler kommentarer

Tips

  • Se gjennom Flexbox og CSS Grid guider.
  • Bruk utviklerverktøy i nettleseren for å teste responsivitet.
  • Kommenter koden din for klarhet.

Ansvarsfraskrivelse:
Dette dokumentet er oversatt ved hjelp av AI-oversettelsestjenesten Co-op Translator. Selv om vi tilstreber nøyaktighet, vennligst vær oppmerksom på at automatiske oversettelser kan inneholde feil eller unøyaktigheter. Det originale dokumentet på sitt opprinnelige språk bør anses som den autoritative kilden. For kritisk informasjon anbefales profesjonell menneskelig oversettelse. Vi er ikke ansvarlige for eventuelle misforståelser eller feiltolkninger som oppstår ved bruk av denne oversettelsen.