@wonderlust101
Posted
Ensure you are consistent with your unit. You code has both px and rem for things sure as font size.
Also, whether to choose rem and px depends on your need. For more responsive elements or properties such as fonts, media queries, width etc., choose em, for fixed elements such as border or box-shadow, choose px.
I got this information from Kevin Powell, he has a lot of educational content about css. This video is where I got my info: https://www.youtube.com/watch?v=Utc_uhvTluk&t=885s