Här visas visas hur sidhuvud och sidfot anpassar sig responsivt till olika skärmar.
På mobil mäter den vita ytan i sidhuvudet 120 px i höjd. Namn och rubrik är vänsterjusterade mot gridden och centrerade på den vita ytan. Texten kan utnyttja alla kolumner.
I sidfoten ligger logotyp samt en textrad vänsterjusterade och centrerade på den gröna ytan.
Spaltmellanrum: 10 px
Marginal: 20 px
Spaltmellanrum: 10 px
Marginal: 30 px
På tablet mäter den vita ytan i sidhuvudet 110 px i höjd. Namn och rubrik är vänsterjusterade mot gridden och centrerade på den vita ytan. Texten kan utnyttja alla kolumner.
I sidfoten ligger logotyp vänsterjusterad och textraden är högerjusterad. Båda är centrerade på den gröna ytan.
Spaltmellanrum: 20 px
Marginal: 30 px
Spaltmellanrum: 20 px
Marginal: 30 px
På desktop mäter den vita ytan i sidhuvudet 110 px i höjd. Namn och rubrik är vänsterjusterade mot gridden och centrerade på den vita ytan. Texten kan utnyttja alla kolumner.
I sidfoten ligger logotyp vänsterjusterad och textraden är högerjusterad. Båda är centrerade på den gröna ytan.
Totalbredd: 1200 px
Spaltmellanrum: 20 px
Spaltbredd: 82 px