# Inför provet

Detta är en beskrivning av provet.

## Regler

Se filen "regler.md" eller "regler.html" för regler, den innehåller samma regler
som du har fått i beskrivningen av provet.

Var också noggrann med att följa instruktionerna för varje del.

- Inlämning av filen prov-1.css görs på följande
  [länk](https://htsit.se/i/form/wu-ht20-prov-1)
- Inlämning av filen prov-2.css görs på följande
  [länk](https://htsit.se/i/form/wu-ht20-prov-2)
- Om du också ska lämna in bilder så görs det på denna
  [länk](https://htsit.se/i/form/wu-ht20-image). Istället för ditt alias skriv
  namnet på bilden.

## Innehåll

### Del I

- Varje avklarad uppgift ger max 2 poäng.
- 1p poäng om du försökt lösa uppgiften men inte lyckas helt eller använt mer
  kod än nödvändigt.
- 2p poäng om lyckas implementera det du ska helt utifrån beskrivning.
- Skriv ditt alias högst upp i filen där det står "namn:".
- All kod ska skrivas mellan kommentaren "Del I - Start" och "Del I - Slut" i
  filen "prov-1.md".
- Mellan dessa kommentarer kan det stå kod som du kan använda och ändra.
- Alla eventuella ändringar utanför dessa kommentarer kommer tas bort innan
  rättning.

1. Gör så att texten "Välkommen Till Julfirandet" i banner blir röd.
2. Gör så att kantlinjen runt texten ovan får en radie av 60px.
3. Gör så att bakgrundsfärgen på sidan blir röd.
4. Gör så att "story" och "event" klasserna får en "padding" och "margin" på
   5px.
5. Gör så att ramen runt innehållet på sidan för bredden 20px och färgen grön.
6. När skärmen är mindre än 800px bred så ska ramen kring "Copyright 2020 by
   krm" ha rundade hörn, men bara då.

### Del II

- Varje avklarad uppgift kommer ge 3 poäng.
- -1p Om din kod är ostrukturerad.
- -1p Om du använt mer CSS egenskaper än nödvändigt.
- Alla svar ska skrivas i filen "css/prov-1.css".
- Koden för uppgift 1 ska stå mellan "Del II uppgift 1 - Start" och "Del II
  uppgift 1 - Slut".
- Koden för uppgift 2 ska stå mellan "Del II uppgift 2 - Start" och "Del II
  uppgift 2 - Slut". Observera att detta sker på två olika platser i filen
  "prov-1.css".
- Alla eventuella ändringar utan för dessa kommentar kommer tas bort innan
  rättning.

1. Kolumnerna som du ser ska vara organiserade så att till höger har du "event",
   i mitten har du "main" och till vänster har du "story".
2. Gå igenom sidan, både när den är större än 800px och mindre än 800px så ska
   det finna ett avstånd mellan alla ramar i sidan.

### Del III

- Uppgiften kommer ge 4 poäng.
- -1p Om din kod är ostrukturerad.
- -1p Om du använt mer CSS egenskaper än nödvändigt.
- -1p Om du inte har kommenterad viktiga saker i din kod. Obs! Det räcker med
  att du sätter rubriker över viktiga selektorer.
- All kod ska skrivas i filen "css/prov-2.css" som är tom förutom den inledande
  kommentaren.
- Skriv ditt alias högst upp i filen där det står "namn:".
- Du får kopiera kod från "css/prov-1.css" till "css/prov-2.css" om du vill.

1. Förbättra sidan så den ser bra ut och skulle kunna fungera som en
   informationssida för en julavslutning. Du måste använda dig av följande saker
   på sidan:

- "Media Queries"
- "auto" egenskaper.
- Bilden ska ha en lämplig storlek oavsett vilken “media query” som tillämpas.
- Du ska ha tillämpat ett filter eller liknande på bilden.

**Lycka till!**

**/krm**