New RWD : Concepts like `vh` and `rem` are never explained
See original GitHub issueDescribe the Issue
In step 7 of Learn HTML Forms by Building a Registration Form
, we are asked to set the height of the body element to 100vh. However, the unit vh was never introduced in earlier lessons and there is no explanation given at this step too as to what it is.
As I continued through the course, I stumbled upon another unexplained unit rem
in step 14
em
isn’t explained either in step 38
Relative units were never explained in the course. The problem seems to be that this practice projects assumes familiarity with these concepts.
Affected Pages
https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-7 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-14 https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-html-forms-by-building-a-registration-form/step-38
Your code
n/a
Expected behavior
A brief explanation on relative units in CSS would help new learners.
Issue Analytics
- State:
- Created a year ago
- Comments:7 (3 by maintainers)
Top GitHub Comments
I checked and
rem
is explained in step 31 of the typography project. Butem
is presented again without explanation in step 34.I’m still going through the course so I’ll let you know if they are explained later. But I still feel a brief one line explanation as to what they are is needed at least, even if they are explored in detail in later projects. Just dumping them onto learners would only confuse them and send them down a rabbit hole of resources. I know I was.