@Stroudy
Posted
Good job with matching up visually with the exact solution, In your CSS try not to use px
instead use rem
or em
but mostly you will use rem
. You can use a PX to REM converter to make it easier for you. Using a responsive unit like REM will make your site more responsive for all screen sizes. Using max-width: 100%
or min-width: 100%
will always be better then just using a normal width: 100%
and more responsive. Responsive Meaning is a good read by a Frontend-mentor dev to help you grasp the idea.
Marked as helpful
@Stroudy Thank you very much, I will definitely read the article and dive deeper into responsive design techniques, I'm still quite clueless about when to apply "min-width" and "max-width" in css too. I'm already starting to use "em" and "rem" when dealing with font-sizes, but should I also use them in padding and margin ?
@Stroudy
Posted
@Joliot-TSIMISARAKA Yes I use rem for padding and margin because when you view it on different screen sizes it will scale proportionally. I thought I knew a lot about responsive web design turns out I did not, This is why i want to share this information with you :D
Marked as helpful
@Stroudy Thank you again ! Put simply, it's always better to use relative units when having responsive design in mind, I'll try integrating that practice from now onwards
@Stroudy
Posted
@Joliot-TSIMISARAKA, No problem at all, I'm happy to help and if you have any more questions I'm happy to answer, Happy Coding!