Responsiv sida

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.

Hur du klarar uppgiften

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)

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