

Käytä suhteellisia yksiköitä (kuten % eli prosenttiosuuksia ja vw eli osuus näkymän leveydestä) asettaaksesi sisällön leveyden.
Tarkista kaikki breakpoints-kohdat, jotta sisältö ei pakota vaakasuuntaiseen vieritykseen.
Sisällön mukautumista eri näyttökokoihin kutsutaan myös responsiiviseksi suunnitteluksi. Se toteutetaan CSS-media queryillä, jotka muokkaavat sivun asettelua eri näyttöleveyksille (ns. breakpoints), jotta sisältö toimisi optimaalisesti esimerkiksi tableteilla ja älypuhelimilla.
On tärkeää huomata, että nämä breakpoints eivät aktivoidu vain silloin, kun selainikkuna on kapeampi, vaan myös silloin, kun käyttäjä suurentaa sivua zoomaustoiminnolla.