What's difference btw 100% & 100vh/vw in CSS

Question

Hey there,
I wanna know that what's the difference between 100% and 100vw/vh in CSS.

When and why we can use it.

Answer 1

Here is the main difference: height: 100vh means 100% of the viewport height, height: 100% means 100% of the parent's element height

Answer 2

Hasnain [ACTIVE CHALLENGER] thank you for your answer