@correlucas
Posted
๐พHello Filip Apatovic, Congratulations on completing this challenge!
Amazing solution as always! Here's some tips for you:
1.Use <main>
instead of <div>
to wrap the card container. This way you show that this is the main block of content and also replace the div with a semantic tag.
2.Use units as rem
or em
instead of px
to improve your performance by resizing fonts between different screens and devices.
To save your time you can code you whole page using px
and then in the end use a VsCode plugin called px to rem heres the link โ https://marketplace.visualstudio.com/items?itemName=sainoba.px-to-rem to do the automatic conversion or use this website https://pixelsconverter.com/px-to-rem
3.To reduce your css file and improve the performance loading your page you can use a tool called css minify
that reduces the css code removing the unnecessary characters. You can use a VSCode
plugin called minify css
or this website tool to reduce your code: https://www.toptal.com/developers/cssminifier
โ๏ธ I hope this helps you and happy coding!
Marked as helpful