question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

New RWD : Concepts like `vh` and `rem` are never explained

See original GitHub issue

Describe 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:closed
  • Created a year ago
  • Comments:7 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
Bharath314commented, Jun 23, 2022

I checked and rem is explained in step 31 of the typography project. But em is presented again without explanation in step 34.

1reaction
Bharath314commented, Jun 16, 2022

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.

Read more comments on GitHub >

github_iconTop Results From Across the Web

New RWD : A concept is not explained - Contributors - The ...
In step 7 of Learn HTML Forms by Building a Registration Form , we are asked to set the height of the body...
Read more >
The CSS Units You Should Use: em, rem, % , vh, vw, and more
The Ultimate CSS3 Flexbox Tutorial - Colt's Code Camp · CSS em and rem explained #CSS #responsive · CSS width & height, object-fit,...
Read more >
CSS Units [REM, EM, VW, VH, %] explained with examples
Today we're gonna learn & utilize the CSS Units with practical examples. In This Video, we'll look at the REM,EM, VW, VH, &...
Read more >
What units do you use ? (px, vw and vh, em, rem, %) - Reddit
Thats the question. I actually use sass, but its almost the same. My question is what units should I use. I use px...
Read more >
What's The Difference Between PX, EM, REM, %, VW, and VH?
Simply put, they differ based on inheritance. As mentioned, REM is based on the root element (HTML). Every child element that uses REM...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found