ÖVN 2 - Grunder layout (C-nivå)

Instruktioner

Du ska gjort uppgift 1 innan du gör denna uppgift 

Se dessa filmer om hur du ska göra denna uppgift

11:20 in i första filmen börjar jag med CSS

Här finns filerna ni behöver

• index.html - Innehåller fel i HTML-koden som du ska rätta till 

• html.png

• css.jpg

Ladda ner filerna

Rätta till eventuella felen i HTML filen, så index.html klarar valideringen

Men ändra inget annat än felen i HTML filen, inte ens <link...> elementet

Skapa en CSS fil som du länkar från index.html till css-filen

Ändra alla fonterna till Verdana, sans-serif (se film 1-6 eller sök)
Använd svart text. Tänk på att texten måste ses med lätthet.

Byt bakgrundsgrundsfärg på body till en ljus färg (ej vit)  

Byt bakgrundsgrundsfärg på article och footer till an annan ljus färg

Ändra de två länkarna <a> elementet så det är en lämplig mörkare färg än bakgrundsgrundsfärgen. Ta bort understrecken. Se till att understrecket kommer fram när man hoovrar över länken 

Använd Grid eller Flexbox där att lägga article som två spalter.

Både HTML och CSS koden ska klara valideringen

Se bilden till höger på hur det kan se ut

Lägg upp koden på GitHub och dela Pages och koden. Här en film hur man gör det

Exempel på länk till koden  på GitHub
https://github.com/paubel/web1-02-first-web-page

Exempel på länk till Github Pages

https://paubel.github.io/web1-02-first-web-page/