Mobilanpassa en webbsida med CSS
- Gör en ny sida, om du vill kan du kopiera din indexsida (för att spara tid).
- Gär så att den ändrar utseende på små skärmar (mobiltelefoner)
- Versionen för stora skärmar ska ha en annan bakgrundsfärg än den för små skärmar
- Lägg, någonstans på sidan, till texten "Mobilversion" på ett sådant sätt att den inte visas på större skärmar än mobiler
- Du kan göra andra ändringr om du vill, det är fritt fram så länge färgen ändras och specialtexten finns
- Länka till den nya sidan från din indexsida
När du lyckats med uppgiften och känner att du börjar få kläm på hur det fungerar kan du börja fundera på vilka anpassningar resten av din sajt kan behöva för att fungera bra på olika stora skärmar. Du kan fundera på om allt syns, om det ser rörigt eller tomt ut, om det går att klicka på saker med fingrarna när sajten är liten, osv…
Du har den här och nästa lektion på dig att arbeta...