Video Description

Today we're gonna learn & utilize the CSS Units with practical examples. In This Video, we'll look at the REM,EM, VW, VH, & % units. Starter Files : https://codepen.io/joyshaheb/pen/XWMqEdV Article : https://www.freecodecamp.org/news/learn-css-units-em-rem-vh-vw-with-code-examples/ Time Stamps - 0:00 - Intro 1:20 - Why learn CSS Relative Units 4:13 - project setup 10:50 - REM Unit w/ examples 16:07 - Responsive Website W/ REM & media Queries 23:09 - EM Unit w/ examples 26:50 - VW [Viewport Width] Unit w/ examples 32:42 - VH [Viewport Height] Unit w/ examples 36:07 - % unit w/ examples CSS Box Model - https://youtu.be/WJ8Yoi04XvQ CSS Media Queries - https://youtu.be/HY8q4TD3KGM Have a Question or Project idea? Let me know about it in the comment box down below. 👇 Both Suggestions & Criticisms are Highly Appreciated ❤️ Follow me on: 👉 LinkedIn : https://www.linkedin.com/in/joyshaheb/ 👉 Twitter : https://twitter.com/JoyShaheb 👉 Instagram : https://www.instagram.com/joyshaheb/ 👉 Github : https://github.com/JoyShaheb Queries Solved - 1) Learn CSS Relative units 2) REM unit CSS 3) Em Unit CSS 4) VW Unit CSS 5) VH Unit CSS 6) How to use the REM unit 7) How To use the VW VH unit 8) Difference between REM VS EM unit 9) Responsive Typography #CSS #WebDev #Frontend