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
Inlämning av filen prov-2.css görs på följande länk
Om du också ska lämna in bilder så görs det på denna länk. Istället för ditt alias skriv namnet på bilden.

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

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.
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".
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.

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.
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