Responsiv anpassning

Webbplatsen för sca.com är utvecklad för att vara responsiv. Detta innebär att sidans utformning anpassas efter den skärmbredd som den visas i. Sidan ser med andra ord annorlunda ut om den visas på en dator (desktop), surfplatta eller mobiltelefon. Detta eftersom enheterna tillåter olika vidder för webbplatsen att presenteras i.

Grundstrukturen gällande vidder härleds ur hur element visas då de antar sin maximala storlek. Detta inträffar då skärmupplösningen är 1440 pixlar, vanligtvis den upplösning som användare ser på när de besöker sidan i desktopläget. Nedan visas hur webbplatsens element ser ut i maximal skärmupplösning för desktop, dvs 1440 pixlar. 

 

 

Nedan visas ytterligare utföranden på webbplatsen för både surfplatta och mobilenhet.

 

 

 

 

Du kan även läsa mer om elements färgsättning på sidan färgsättning.