CSS Tutorial - EM & REM, Relative Sizes (8/13)

[@macccabes483]

This guy is so underrated. Just subscribed! the information you give is so digestible and your personality 🔥 Your videos are always enjoyable to watch

[@ColorCodeio]

I appreciate that!

[@vishavjeetsharma5824]

The term "em" comes from the printing industry, where it was used to refer to the width of the capital letter M in a particular font. In the early days of typesetting, the width of the M was used as a standard unit of measure because it was typically the widest letter in a font and therefore a good reference point.

[@thestarinthesky_]

Another solution is to use "pixel" instead of "em". Is this statement OK?

[@ColorCodeio]

Definitely. You can use pixels and you do often. I tall about it more in the previous video here: kzbin.info/www/bejne/d6mzqpqZhManfJo

[@adnansafaraz5986]

This is so useful! and i hope your channel get bigger and bigger! keep up the good work, and explaining stuff like this in the way beginner like me can easily understand of what you're saying.

[@ColorCodeio]

Best comment I got in a while. Thank you and I'm glad you like the content. I have a lot of videos in the pipeline. Will be coming soon :)

[@gianluca_ruggieri]

I sincerely believe you did cram so hard learning that now you became a very good instructor.. Thanks

[@ColorCodeio]

I appreciate that!

[@nostresscoding]

Bro you are fantastic, you are an amazing teacher, I like the way you explain your points. I have subscribed, I hope your channel gets bigger.

[@DjCppsNews2012]

How about we make EM stand for expected measurement and REM to stand for relative to the expected measurement (based on the set HTML font size parent element)? What do you guys think?

[@sereneflatun]

THank you * * * * *

[@adesh116]

Thanks for the tutorial this is something i didnt care about.. till now :D

[@ColorCodeio]

Awesome. I'm glad you found it useful

[@retroman5797]

You are so good at explaining. you get to the point directly thank you so much!!!

[@mojtabahbb]

از جنوب استان کرمان با فیلتر شکن و کیفیت 240 تمام ویدیوهات رو دیدم ممنون خیلی به دردم خورد

[@namrathak7178]

I found your tutorials on Udemy, and eventually got here. Excellent videos for beginners. The world needs more teachers like you who can make learning fun. Thank you! Also, found out that em means “emphemeral unit” which means relative to it's current font.

[@ColorCodeio]

Awesome. So glad you're here and thanks for finding out with "em". means! Finally haha

[@ferrelnicholas2742]

This dude is hilarious

[@ColorCodeio]

😀👍🏼

[@prakashraj4519]

Wow criminally underrated... such a great teacher you're

[@ColorCodeio]

Thank you

[@میلاداحمدی-خ3و]

داداش مشتی هستی. خیلی خوب توضیح دادی

[@SiddharthRay1]

em stands for emphasis I think.

[@thestarinthesky_]

Wow! Such an amazing video. Thank you so much. You also made me laugh a lot 😂

[@ColorCodeio]

Glad you liked it :)

[@SiddharthRay1]

very useful info. Thanks

[@ColorCodeio]

Absolutely. Thanks for checking out the video.

[@SiddharthRay1]

may be rem is for relative em

[@bobolino20]

So why don't we just use REM everywhere?

[@ColorCodeio]

Robert, it's perfectly fine to use REM for the majority of your sizing specs. I do that often and you can certainly do it to bring a lot of harmony into your page. One issue with REM is it requires a much more thoughtful approach to your CSS architecture. Most developers are looking for a quick fix and move on from CSS, REM doesn't like that and it won't behave right unless set up properly. There are also certain cases where absolute sizing makes more sense, logo size, border width, other things that you want complete control and fixed sizing for at all times, in all screensizes. But your question is valid and you are not wrong.

[@prathisahrudh]

thanks man.! its pretty clear now .!

[@ColorCodeio]

Nice

[@rauchu5861]

shit ive been using this wrong

[@ColorCodeio]

Adam we all have at some point :)

[@existence.5806]

You are awesome bro

[@ColorCodeio]

Thanks dude

[@Zoraiz_plays]

ColorChode was a good one

[@ColorCodeio]

:)