Den här övningen är till stor del gjord av frontendmentor.io (all cred till dem).
Din uppgift är att bygga en hemsida som liknar designen så mycket som möjligt.
Ett undantag till detta är den collapsible-menun (menyn som "collapsar"/krymper vid tillräckligt liten skärmstorlek) vilken kräver JS eller BootStrap för att implementera, något som ni inte lärt er än. Ni kan använda display: none för menyn när storleken på skärmen är tillräckligt liten.
Användarna ska i övrigt kunna:
- Visas den optimala layouten för hemsidan beroende på skärmens storlek.
- Se hover states för alla interaktiva element på sidan.
Den här uppgiften är betydligt mer krävande än det vi gjort på lektionen hittills. Se till att använda internet, och skriv till mig om ni verkligen kört fast!
Den här uppgiften är inte obligatorisk och har därför inte heller någon obligatorisk inlämning. Det kan dock vara en god idé att få koden utvärderad, vilket kan göras på två sätt:
- Det automatiska verktyget via frontendmentor.io. Om ni skickar in er lösning via github på rätt utmaning kommer frontendmentor ger er automatisk feedback på er kod. Kolla https://www.frontendmentor.io/challenges/sunnyside-agency-landing-page-7yVs3B6ef
- Skicka er kod till mig. Jag tar gärna emot er kod och ger översiktliga förbättringsförslag. Jag kommer inte ha tid att detaljkolla varje rad, men jag kan ge er en översiktlig "sanity-check". Delningen görs med fördel genom att maila mig filerna eller en länk till er github-repo
Lycka till!