For at tilpasse et design til forskellige enheder i Umbraco, anvender du primært responsive design med CSS og media queries sammen med Umbracos skabelonsystem. Det sikrer, at dit website automatisk justerer sig til skærmstørrelsen på både mobil, tablet og desktop.

Udform en grundlæggende CSS, der virker på alle enheder. Med media queries kan du definere forskellige layoutjusteringer og stilarter baseret på skærmstørrelser. Det kunne fx være ændringer af menuer, kolonnebredder eller skjul af elementer på mindre skærme.

Umbraco lader dig opbygge fleksible layouts vha. templates og grid layouts, som gør det nemt at strukturere indhold og sikre, at det ombrydes korrekt på alle enheder. Du kan også bruge block grid editor eller nested content for ekstra fleksibilitet.