Differences

This shows you the differences between two versions of the page.

--- mattias_03 [2019-09-05 12:29]
Mattias Hamberg [En enkel responsiv design]
+++ mattias_03 [2019-09-05 12:29]
Mattias Hamberg [En enkel responsiv design]
@@ Line 1: / Line 1: @@
 ====== En enkel responsiv design ======
-I en värld där man kan surfa på allt ifrån sina mobiltelefoner till gigantiska tv-apparater med 4k-upplösning är det klokt att skapa hemsidor som anpassar sig till besökarens skärm. Ett enkelt sätt är att använda enheterna vh (viewport-height) och vw (viewport-width) när du sätter höjd, bredd, marginaler och typsnittsstorlek på din sida (läs mer här: [[https://www.w3schools.com/CSSref/css_units.asp]]). I denna uppgift får du också prova CSS:s egen beräkningsfunktion calc() (läs mer på [[https://www.w3schools.com/cssref/func_calc.asp]]). Med denna kan du exempelvis addera, subtrahera, dividera dina värden. Lycka till!
+I en värld där man kan surfa på allt ifrån sina mobiltelefoner till gigantiska tv-apparater med 4k-upplösning är det klokt att skapa hemsidor som anpassar sig till besökarens skärm. Ett enkelt sätt är att använda enheterna vh (viewport-height) och vw (viewport-width) när du sätter höjd, bredd, marginaler och typsnittsstorlek på din sida (läs mer här: [[https://www.w3schools.com/CSSref/css_units.asp]]). I denna uppgift får du också prova CSS:s egen beräkningsfunktion calc() (läs mer på [[https://www.w3schools.com/cssref/func_calc.asp]]). Med denna kan du exempelvis addera, subtrahera, multiplicera och dividera dina värden. Lycka till!
 ==== Instruktioner ====