vektorprogrammet / vektor-frontend

Work in progress
8 stars 0 forks source link

Responsivet design for skoler #364

Open linear[bot] opened 3 weeks ago

linear[bot] commented 3 weeks ago

Restrukturer skoler siden til å være responsive med mobile view, Denne siden har riktig innhold, men er rotete både på pc, og er ikke tilpasset til mobil.

  1. Start med og designe for mobil, her kan du søke på hvordan man bør designe for mobil eller spørre om hjelp. Stylingen du skriver nå trenger ikke å kunne endres med størrelsen på skjermen
  2. Følg style prinsippene vi bruker på resten av nettsiden, her kan du se på for foreldre siden som er "ferdig", dette inkluderer tekst størrelse og farge + divider komponent som importeres fra components
  3. "Søk om å få assistenter til din skole" skal endres til å være en komponent, Dermed kan du kommentere ut denne delen først, og spørre filip eller philip når du kommer til denne delen

Når du har designet nettsiden for mobil er jobben din nå og skalere opp til pc view, her legger du til md:(styling), som betyr at når skjermen er større en "md" (definert i tailwind) vil denne stylingen kicke inn, her kan du bruke andre sider som "hjem" og "for foreldre" for inspirasjon.

iPhone SE

linear[bot] commented 3 weeks ago

VF-190 Responsivet design for skoler