Marginaler och avstånd

I denna guide får du lära dig hur du jobbar med marginaler, avstånd och white space (som vi gärna använder för att hemsidan ska andas).

Du kan jobba med marginaler och avstånd på fyra sätt:

Ökar du marginaler för block, kolumner eller widgets (t.ex ökar avstånd på en text eller bild) så speglar detta i mobilen.

Använder du widgeten "Avståndsbricka" i dator så kommer det i mobilversionen endast bli 30px som avståndsbrickan är som standard - oavsett hur mycket pixlar du valt på avståndsbrickan i datorversionen. Du kan dock även jobba separat med avståndsbrickor i mobiversionen specifikt. Se videon för att förstå detta bättre.

Vårt tips är börja med redigering i datorversionen och sedan i slutet kika på mobilversionen för eventuella justeringar, och där jobba med widgeten "Avståndsbricka" för att få avstånd till innehåll. Men det är bra att först förstå grunderna i hur marginaler och avstånd fungerar innan du redigerar.

Gällande avståndsrbicka - Det går endast få till marginaler med avståndsbrickan mellan innehåll ovanför eller nedanför, och går inte att lägga in vid sidan om innehåll (alltså på kanterna). Önskar du marginaler där i mobilversionen behöver du skapa en unik mobilversion för just det blocket du önskar detta för. I datorversionen kan du då jobba med marginaler i block och/eller kolumn.