Er uppgift är att göra Slack's sida responsive i mobil-, tablet- och desktopläge. Ni gör endast övre "lila" delen. Använd mobile-first approach:et.
Diskutera i teamet:
- Vilka brytpunkter ni väljer samt de CSS regler som behövs ändras
- Vilka responsiva enheter ni väljer och till vad (%, rem, em, vh/vw, osv)
- Att använda klasser som selektorer i så stor utsträckning som möjligt kan vara fördelaktigt. Diskutera detta och namngiving av klasser i teamet, nu och inför projektarbetet. Om ni vill använda BEM - Block__Element--Modifier eller om ni hittar/kommer på annat system. Diskutera i teamet om strategi till framtiden och projektarbete.
- Använd :hover och CSS Transitions för visuella effektier
- Javascript för att visa större sökruta när man klickar på förstoringsglaset i högra hörnet (och inte visar när man klickar på X)
- Skapa ett repo på github.
- Ladda up dina filer till github:
git init
git add .
git commit -m "first commit"
git branch -M main
git remote add origin <Adressen till ditt repo>
git push -u origin main