HTML&CSS Basics: Length Units - Githubissues

SzabiSch / bootcamp-schedule

0 stars 0 forks source link

HTML&CSS Basics: Length Units #23

Closed codingbootcampseu closed 3 years ago

codingbootcampseu commented 3 years ago

Pixel to REM

Define a root font size for the <html> element
- 16px is the default font size but feel tree to try something else
Replace all other px values within your CSS with rem values

Header Refacoring

Enclose the title (<h1>) and profession (<p>) of the header in a generic html element
Give that enclosing element a rem based font size (it should be big)
Use relative sizing using the em unit for the title and profession
- The title (<h1>) should have the same size as the parent element
- The profession (<p>) should be 25% of the size

Main Content

Use the ch unit to limit the max-width of the main content
- Experiment with the max-width to get a good reading experience

Example Solution and Comparison

Example solution for this task
Comparison to previous task

SzabiSch commented 3 years ago

a bissl CSS Übung in der Früh schadet nicht