{"id":225,"date":"2026-03-06T16:07:00","date_gmt":"2026-03-06T16:07:00","guid":{"rendered":"https:\/\/wp.als080411ek.hemsida.eu\/?p=225"},"modified":"2026-03-06T16:13:41","modified_gmt":"2026-03-06T16:13:41","slug":"moment06","status":"publish","type":"post","link":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/2026\/03\/06\/moment06\/","title":{"rendered":"Moment06"},"content":{"rendered":"\n

Ramverk<\/h2>\n\n\n\n
\n
Orginal<\/a><\/div>\n<\/div>\n\n\n\n
\n
Med ramverk<\/a><\/div>\n<\/div>\n\n\n\n
\"\"
F\u00f6re<\/figcaption><\/figure>\n\n\n\n

Den originala versionen av markdownsidan d\u00e4r jag hade min egna css var inte alls mobil v\u00e4nlig. S\u00e5 jag anv\u00e4nde ist\u00e4llet materialize ramverket och dess css f\u00f6r att l\u00e4tt kunna bygga upp sidan f\u00f6r att f\u00e5 den mobil v\u00e4nlig. <\/p>\n\n\n\n

\"\"
Efter<\/figcaption><\/figure>\n\n\n\n

(Bings mobilv\u00e4nlighetstest fungerar inte just nu, s\u00e5 jag kan inte j\u00e4mf\u00f6ra de tv\u00e5 variationerna med det verktyget.)<\/p>\n\n\n\n

<\/p>\n\n\n\n

<\/div>\n\n\n\n

Media query<\/h2>\n\n\n\n
\n
Skogsida med media query<\/a><\/div>\n<\/div>\n\n\n\n
\"\"
F\u00f6re<\/figcaption><\/figure>\n\n\n\n
\"\"
F\u00f6re<\/figcaption><\/figure>\n\n\n\n

Sidan var fr\u00e5n b\u00f6rjan inte s\u00e4rskilt mobil v\u00e4nlig, men efter att jag anv\u00e4nde media query s\u00e5 blev det mycket b\u00e4ttre. Allts\u00e5 s\u00e5 best\u00e4mde jag hur sidan skulle se ut n\u00e4r sk\u00e4rmen var en viss storlek s\u00e5 att sidan skulle fungera lika bra p\u00e5 en telefon som p\u00e5 en dator. <\/p>\n\n\n\n

\"\"
Efter<\/figcaption><\/figure>\n\n\n\n

(Bings mobil v\u00e4nlighets test fungerade inte n\u00e4r jag skulle kolla hur sidan blev efter jag anv\u00e4nde media query.)<\/p>\n\n\n\n

<\/div>\n\n\n\n

DOM<\/h2>\n\n\n\n
\"\"<\/figure>\n\n\n\n

Jag lyckades inte genomf\u00f6ra hela uppgiften eftersom att den var v\u00e4ldigt sv\u00e5r, men jag kom \u00e4nd\u00e5 en liten bit p\u00e5 v\u00e4gen. <\/p>\n\n\n\n

\n
Dom<\/a><\/div>\n<\/div>\n\n\n\n

<\/p>\n","protected":false},"excerpt":{"rendered":"

Ramverk Den originala versionen av markdownsidan d\u00e4r jag hade min egna css var inte alls mobil v\u00e4nlig. S\u00e5 jag anv\u00e4nde ist\u00e4llet materialize ramverket och dess css f\u00f6r att l\u00e4tt kunna bygga upp sidan f\u00f6r att f\u00e5 den mobil v\u00e4nlig. (Bings mobilv\u00e4nlighetstest fungerar inte just nu, s\u00e5 jag kan inte j\u00e4mf\u00f6ra de tv\u00e5 variationerna med det […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":2,"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":233,"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/225\/revisions\/233"}],"wp:attachment":[{"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/media?parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/categories?post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.als080411ek.hemsida.eu\/index.php\/wp-json\/wp\/v2\/tags?post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}