# Instruktioner till uppgift M03

Din uppgift är att utifrån en given text och design försöka återskapa den sidan som jag har skapat. Till din hjälp får du vissa instruktioner men sedan gäller det att själv försök lista ut hur du skall bygga upp sidan.

## Instruktioner för designen

Jag använder mig av fyra färger i uppgiften;

1. whitesmoke
2. #21A2E3 (blå nyans)
3. #343A40 (grå nyans)
4. black

Andra saker som kan vara svårt att uttyda ur bilden är;

- elementet som styr bredden på sidan är satt till 80% och med minsta storlek 800px och största storlek 1600px. Detta gör jag för att inte sidan skall kunna bli för smal eller bred då det förstör designen en hel del.
- fontstorlek på brödtext är satt till 11pt, texten i headerelementet är 32pt och rubrikraden i tabellen är satt till 16pt.
- fonten genom hela dokumentet är Verdana.

## Det skrivna innehållet

_Detta skrivs som MarkDown, så får du också se hur det fungerar i praktiken_

---

# MarkDown

## Info om MarkDown

Markdown är en enkel och populär märkspråkssyntax som används för att formatera text på webben. Det utvecklades för att göra det snabbt och enkelt att skapa formaterad text utan att behöva använda komplicerade HTML-taggar. Markdown används ofta för att skapa webbplatsinnehåll, blogginlägg, README-filer och mer.

Markdown låter dig skapa tydligt strukturerad text med olika nivåer av rubriker, listor, länkar, bilder och mer, och det är lätt att läsa och skriva, även utan avancerad teknisk kunskap.

## MarkDown i VS Code

Att använda MarkDown för enkel dokumentation i projekt är smidigt. Det går med enkla kommandon att formatera rubriker, text, listor mm för att dokumentera enklare saker som att skapa en todo-lista och hålla koll på saker som är gjort och vad som behöver göras i ett projekt. Det finns några plugin/addons till VS Code för ändmålet, själv brukar jag använda [Markdown Preview Enhanced](https://marketplace.visualstudio.com/items?itemName=shd101wyy.markdown-preview-enhanced) Testa gärna och låt mig veta vad du tycker om tekniken.

## Cheat Sheet

| MD-kod        | Betydelse                                                                                     |
| ------------- | --------------------------------------------------------------------------------------------- |
| Rubriker      | # Detta är en huvudrubrik<br>## Detta är en underrubrik<br>### Detta är en mindre underrubrik |
| Kursiv text   | _Detta är kursiv text_                                                                        |
| Fetstilt text | **Detta är fetstilt text**                                                                    |
| Ordnad lista  | 1. Första punkten.<br>2. Andra punkten                                                        |
| Oordnad lista | - Första punkten.<br>- Andra punkten                                                          |
| Länkar        | [The Markdown Guide](https://www.markdownguide.org/)                                          |

## Footer

Visst material är hämtat från [The Markdown Guide](https://www.markdownguide.org/ under licens [CC BY-SA 4.0](https://creativecommons.org/licenses/by-sa/4.0/). Vissa texter är skrivna av ChatGPT.
Bilden är hämtad från [logo.wine](https://www.logo.wine/logo/Markdown) med rätt att använda i utbildningssyfte.