PX To REM: Updating My CSS To Be More Responsive

px to rem

I’m currently updating my CSS files for my various non-WordPress websites from using px to rem due to a Twitter thread I read. This is to make my websites truly responsive because all types of devices and screen sizes are accessing websites.

PX To REM: The Twitter Thread That Convinced Me To Change

I’ve been a px unit user for years now. Mostly because I’ve been making websites since the Web was young. Even when Responsive Web Design became popular I stayed put with px. Mostly because I didn’t understand how em or rem units worked and I didn’t want to learn.

Yet, as I build my programming portfolio I know I have to change my stance on multiple fronts. I can’t go into an interview using old technology for programming languages nor Web design.

Here’s the tweet that changed my mind:

PX To REM: Converting Isn’t So Bad

Converting my CSS files from px to rem hasn’t been so bad. Mostly because my files aren’t that long so I don’t have hundreds of lines to go through. Another reason is that I’m using a handy-dandy website that does all the math for me.

I take the converted units and pop it into my CSS file. Using find and replace is the MVP and makes this task simpler.

What About My Future Projects?

My future projects will have my use rem units exclusively which is going be a new adventure for me. I know px measurements pretty well but not rem. So I’m going to have to use that handy-dandy website more and more. Eventually I will learn how rem units look on screen in my head which will make using them easier.


Thanks for reading this post and visiting Brittbot. Keep coming back to read my thoughts about WordPress, building your brand, website services, and programming topics.

0 0 votes
Article Rating
Share My Post!
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments