{"id":129,"date":"2026-06-08T10:26:52","date_gmt":"2026-06-08T10:26:52","guid":{"rendered":"https:\/\/wp.als081208ds.hemsida.eu\/?p=129"},"modified":"2026-06-08T10:26:52","modified_gmt":"2026-06-08T10:26:52","slug":"moment06","status":"publish","type":"post","link":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/2026\/06\/08\/moment06\/","title":{"rendered":"Moment06"},"content":{"rendered":"\n<h3 class=\"wp-block-heading\">Relativa enheter<\/h3>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-media-text is-stacked-on-mobile\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"468\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/B7E7FC55-A4F5-4219-A75F-469C68A5ACBC-1024x468.png\" alt=\"\" class=\"wp-image-130 size-full\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/B7E7FC55-A4F5-4219-A75F-469C68A5ACBC-1024x468.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/B7E7FC55-A4F5-4219-A75F-469C68A5ACBC-300x137.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/B7E7FC55-A4F5-4219-A75F-469C68A5ACBC-768x351.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/B7E7FC55-A4F5-4219-A75F-469C68A5ACBC-1536x702.png 1536w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/B7E7FC55-A4F5-4219-A75F-469C68A5ACBC.png 1898w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<p class=\"wp-block-paragraph\">Med att bara \u00e4ndra fr\u00e5n satta pixlar i min css kod till Em s\u00e5 blev den mycket snyggare och mycket mer funktionell.<\/p>\n<\/div><\/div>\n<\/div>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Media query<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">allt jag gjorde f\u00f6r att f\u00f6renkla var att g\u00f6ra s\u00e5 att det blev hela sk\u00e4rmen som tas upp ist\u00e4llet f\u00f6r 70% som det \u00e4r vanligtvis.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Flexbox och Grid<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag, med hj\u00e4lp av <a href=\"https:\/\/cssgridgarden.com\/#sv\">https:\/\/cssgridgarden.com\/#sv<\/a> n\u00e5gorlunda l\u00e4rde mig hur grids fungerar. Det verkar inte s\u00e5 kul att anv\u00e4nda.<\/p>\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Ramverk<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag vill s\u00e4ga att jag blev lite f\u00f6rvirrad av f\u00f6rsta uppgiften. Men konceptet av ramverk var roligt och smart och jag kommer anv\u00e4nda det till andra saker. Jag gjorde om Markdown med mer responsiv design.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"575\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/430933C4-D171-46FC-8AB5-E4253BD5A014-1-1024x575.png\" alt=\"\" class=\"wp-image-133\" style=\"aspect-ratio:1.7809223866430821;width:309px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/430933C4-D171-46FC-8AB5-E4253BD5A014-1-1024x575.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/430933C4-D171-46FC-8AB5-E4253BD5A014-1-300x169.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/430933C4-D171-46FC-8AB5-E4253BD5A014-1-768x432.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/430933C4-D171-46FC-8AB5-E4253BD5A014-1-1536x863.png 1536w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/430933C4-D171-46FC-8AB5-E4253BD5A014-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Validering<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"585\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/CB753B18-9262-491E-98BE-2CE1F1F92F11-1-1024x585.png\" alt=\"\" class=\"wp-image-135\" style=\"aspect-ratio:1.7500423944378498;width:345px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/CB753B18-9262-491E-98BE-2CE1F1F92F11-1-1024x585.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/CB753B18-9262-491E-98BE-2CE1F1F92F11-1-300x171.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/CB753B18-9262-491E-98BE-2CE1F1F92F11-1-768x439.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/CB753B18-9262-491E-98BE-2CE1F1F92F11-1-1536x878.png 1536w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/CB753B18-9262-491E-98BE-2CE1F1F92F11-1.png 1645w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Redan gjorda Ramverk<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Jag valde att g\u00f6ra om Markdown (igen) men med det redan gjorda ramverket &#8220;<a href=\"https:\/\/picturepan2.github.io\/spectre\/\">spectre<\/a>&#8221; och med lite egen css gjorde jag s\u00e5 att Markdown s\u00e5g mycket b\u00e4ttre ut<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"574\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/7B8794B6-5CB9-42C5-8E91-DEF05F29328E-1024x574.png\" alt=\"\" class=\"wp-image-136\" style=\"aspect-ratio:1.7840010372099053;width:337px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/7B8794B6-5CB9-42C5-8E91-DEF05F29328E-1024x574.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/7B8794B6-5CB9-42C5-8E91-DEF05F29328E-300x168.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/7B8794B6-5CB9-42C5-8E91-DEF05F29328E-768x431.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/7B8794B6-5CB9-42C5-8E91-DEF05F29328E-1536x861.png 1536w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/7B8794B6-5CB9-42C5-8E91-DEF05F29328E.png 1919w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Validering<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"469\" src=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1A306452-A7B1-4A26-AC52-06246830B627-1024x469.png\" alt=\"\" class=\"wp-image-137\" style=\"aspect-ratio:2.1834338305299905;width:334px;height:auto\" srcset=\"https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1A306452-A7B1-4A26-AC52-06246830B627-1024x469.png 1024w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1A306452-A7B1-4A26-AC52-06246830B627-300x137.png 300w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1A306452-A7B1-4A26-AC52-06246830B627-768x352.png 768w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1A306452-A7B1-4A26-AC52-06246830B627-1536x704.png 1536w, https:\/\/wp.als081208ds.hemsida.eu\/wp-content\/uploads\/2026\/06\/1A306452-A7B1-4A26-AC52-06246830B627.png 1879w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Responsiv check<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Relativa enheter Med att bara \u00e4ndra fr\u00e5n satta pixlar i min css kod till Em s\u00e5 blev den mycket snyggare och mycket mer funktionell. Media query allt jag gjorde f\u00f6r att f\u00f6renkla var att g\u00f6ra s\u00e5 att det blev hela sk\u00e4rmen som tas upp ist\u00e4llet f\u00f6r 70% som det \u00e4r vanligtvis. Flexbox och Grid Jag, [&hellip;]<\/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-129","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/129","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/comments?post=129"}],"version-history":[{"count":2,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/129\/revisions"}],"predecessor-version":[{"id":138,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/posts\/129\/revisions\/138"}],"wp:attachment":[{"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/media?parent=129"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/categories?post=129"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp.als081208ds.hemsida.eu\/index.php\/wp-json\/wp\/v2\/tags?post=129"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}