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.
fr can't be used like this, only within CSS Grid
Hope this helped 🙏
Good luck and happy coding! 💪
Marked as helpful
@kj728
Posted
@kodan96 Thanks for your feedback and I will use the tips that you have given in my current project and going forward.
