Vi har gått igenom

  • klasser i CSS
  • specificity

Länkar

CSS Selectors

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Selectors

CSS Specificity (för att kunna sova gott om natten 😴)

https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance#Specificity_2

Classes, Selectors & the Cascade


Workshop

Omvandla dina CSS-regler till att vara klass-baserade där det är vettigt.

Skapa en osorterad lista med länkar och ändra så att de inte (visuellt) är en punktlista utan visas till vänster/höger om varandra. Så klart ska inte dina style-regler påverka andra osorterade listor!

Testa skapa en container runt delar av ditt innehåll och lägg in en max-width och margin-left/right auto.

Bonus! Om du länkar in en alldeles för stor bild, kan du lista ut hur du kan få bilden att inte bli bredare än dess container?

Kategorier: CSSHTML