En hamburger-meny används ofta för att få till en snygg navigationsbar för mindre skärmar så som smartphone och iPads. Det festliga namnet har kommer såklart från att de tre liggande strecken ser ut som en hamburgare 🍔. Att få till en välfungerande och snygg hamburger-meny är dock inte det lättaste, särskilt inte om du endast använder CSS vilket vi kommer att göra i denna utmaning.
Till höger ser du ett exempel på hur det kan komma att se ut, men i slutändan är det du som bestämmer. Det finns väldigt många sätt att gå tillväga och vi är spända på att se vad du kommer att skapa! 🙋♀️
Gå med i vår Slack kanal här och få hjälp av vårt community.
Ladda ned kodfilerna här till din email och öppna i din kodeditor. Inuti filerna hittar du vidare instruktioner och kommentarer om hur du går tillväga för att lösa utmaningen, i nästa stycke hittar du dessutom grymma tips och trix!
Vi rekommenderar att du använder Visual studio code som editor. Det är gratis och går att ladda ned👉 här .
Technigo-studenten Cornelia jobbade tidigare med animationer i Adobe After effects, men valde att byta karriär till frontend-utvecklare. Det betyder inte att det är slutanimerat, men animering i en annan form. Läs om hur Cornelia upplever skillnaden och se exempel på vad hon har animerat hittills i boot campet.
Självklart vill vi se din lösning, dela den gärna på vår Github eller på våra sociala medier under hashtaggen #kodutmaningen .
Och du, passa på att utmana din vän - dela kodutmaningen 💪.