Advanced HTML&CSS: Custom Properties

[codingbootcampseu]

• [ ] Replace all your colors with custom properties

Hints

body {
  --main-color: red;
}

h1 {
  border: 2px solid var(--main-color);
}

Bonus

Add a media query that changes the colors of your cv based on the color scheme preferences of the visitor.

body {
  --page-background-color: white;
  --page-text-color: black;
}

@media screen and (prefers-color-scheme: dark) {
  body {
    --page-background-color: black;
    --page-text-color: white;
  }
}

Example Solution and Comparison

• Example solution for this task
• Comparison to previous task

[SzabiSch]

war auch schon eigentlich abgearbeitet