Stop using pixels in your CSS! How and why to use REM and EM.

Pixels are problematic when it comes to accessibility on the web. In this video, we talk about pixels and what happens when accessibility tools are turned on, and I provide you with an alternative option.
.
.
.
.
.
Music from Uppbeat (free for Creators!):
License code: QEOATAWHSOBYILVT

[slimj]

Wow. Most tutorials just say REMs and EMs are better practices without any explanation. But you showed the why. Thanks alot

[bibekdhkl]

Thank you, after about 2 years, Finally I understood it fully :)

[hypothalamussounds]

Thanks for this video, i was stuck in my learning due to this concept of em and rem and px, but you made just the right video as to why use them instead of px, i recommend this to other programmers.

[dctsdev]

So we are just gonna ignore how the "Hi there!" suddenly flew out of that container? How to solve this?

[MrVishalGaikwad]

Thanks for this. Cleared many doubts for me. Simple & Effective explanation.

[gavinbevan]

Really good explanation, thanks for posting!

[李智诚-hb]

Your video was truly helpful and gave me a better understanding of rem's role. If possible, could you please share more practical examples? Thank you in advance.

[OneBrokeBloke]

I get it for fonts, but for stuff like the containers/boxes in the video, wont we encounter issues like this potentially?
I just cannot imagine it being maintainable/scaleable, that these boxes now have REM and will start colliding with eachother, as soon as the user starts increasing the font size?

[ricardojosino]

I did some tests using REM, but I didn't like the idea of the layout changing without any control. When changing the Chrome font to full size, the layout grew so much that it didn't fit the screen. So far, I've only seen it work on examples on youtube, but in practice, I came to the conclusion that it doesn't work well in a real layout. Perhaps it should work in an app layout that is more minimalistic. But I will continue studying, see you later!

[mohamedsalimbensalem]

thank you so much now i know why my website sucks when i zoom out for more then 100%

[juannpablo]

Nice content thank you ! Should we use rem for margin and padding too ? I’ve seen websites doing this

[MrPartyGamer]

How are you able to type and use the curly brackets on a mac?
I have the new macbook air and cant even use them...

Thanks.

[shahidullahmuffakir]

Oh man you deserve millions subscriber❤

[reynandelizo]

I have a question about media queries max-width why we need to use em instead of px?

[VadimCool]

The title of this video suggests to stop using pixels. Is that a click-bait? It's like saying to people to stop eating oranges and stick to eating apples. There is a reason why pixels exist. And what has been shown in this video would not provide a desirable outcome on certain platforms where consistency is key. So in this case I could say that if you want to lose total control of your design, then use REM or EM. But if you want to stay in control of it as a developer and not as a user, then use PX. Users often times don't know how to properly use a website and stay in control of it. So therefore it is the job of the developer to make sure that everything is where it is suppose to be and not jumping all over the place as they see it fit. 🙂

[JP-gggk]

Dude, one doubt... can i use rem in all cases that we use px ?

[hanac]

Amazing explanation! This cleared things up a lot. Thank you so much 🫂