Differences
This shows you the differences between two versions of the page.
Both sides previous revision Previous revision Next revision | Previous revision | ||
mattias_03 [2019-09-05 12:29] Mattias Hamberg [En enkel responsiv design] |
mattias_03 [2019-09-09 13:31] Mattias Hamberg [Instruktioner] |
||
---|---|---|---|
Line 1: | Line 1: | ||
====== En enkel responsiv design ====== | ====== 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:// | + | 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:// |
==== Instruktioner ==== | ==== Instruktioner ==== | ||
Line 8: | Line 8: | ||
- Följ anvisningarna i CSS-filen, eller de här nedanför. | - Följ anvisningarna i CSS-filen, eller de här nedanför. | ||
- Testa din sida i webbläsaren | - Testa din sida i webbläsaren | ||
- | - Lämna in på vklass | + | - Lämna in style.css |
+ | - Fri lek! Kopiera " | ||
==== Anvisningar ==== | ==== Anvisningar ==== |