Hvad er responsive design?

Responsive design betyder kort fortalt, at din hjemmeside fungerer lige godt på alle typer af enheder (computer, mobil og tablet), da den automatisk tilpasser sig alle skærmstørrelser.

En hjemmeside med responsive design har kun én HTML-kode (modsat to forskellige koder til hhv. desktop og mobil, som man alternativt har) hvilket betyder, at du kun har én hjemmeside at vedligeholde og ét sted at opdatere dit indhold. Derudover er det en SEO-mæssig fordel, da søgemaskinerne har lettere ved at indexere en hjemmeside med kun én kode. Responsive Design er med andre ord den lette løsning for alle, som gerne vil maksimere brugeroplevelsen og markedsføringen af deres hjemmeside og minimere den tid, de bruger på vedligeholdelse.

Vi har i denne del af mono Academy samlet en række best practice eksempler på, hvordan du opbygger en responsive hjemmeside. Du kan også lære, hvordan du opgraderer din ikke-responsive hjemmeside til responsive, og hvad du skal være opmærksom på, når du gør det.

Opret en responsive hjemmeside

Find skabeloner, der er specielt designet til responsive i dette afsnit.

Responsive skabeloner

Gør dit mono site responsive

Lær hvordan du konverterer din hjemmeside til responsive, og hvad du skal være opmærksom på.

Skift til responsive