hi there! ๐๐
You should avoid hard-coded values (pixels) most of the time. When you use these values you give up responsiveness(or you make it harder for yourself at least)..
Typically you will increase the font-size property with @media
queries. If you have hard-coded values all over your CSS, you need to modify every element's font-size
. On the other hand, if you use rem
-s all you need to do is changing the font-size
in your CSS :root
selector and all your elements will have a new size based on that value.
I usually use em
for padding and margin
for text-based elements, since their margin usually based on their font-size
, and again, when you change the font-size in :root
these values will scale up as well without you touching them, making your job easier and your page maintainable.
If you are not familiar with the :root
selector it's usually used to set custom properties(others call them CSS variables ) that you can apply later.
Hope this helped ๐
Good luck and happy coding! ๐ช
Marked as helpful
@PastaSus
Posted
@kodan96 ty