@correlucas
Posted
👾Hello @mihaelpavlakovic, Congratulations on completing this challenge!
I like the work you’ve done here, your solution is almost complete. I’ve some suggestion for you to improve the code/design:
1.Add transitions to make the interaction smoother while the element gets hovered, you can use a value like transition: all ease-in 0.5s
.
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.Use a CSS reset to avoid all the problems you can have with the default CSS setup, removing all margins, making the images easier to work, see the article below where you can copy and paste this css code cheatsheet: https://piccalil.li/blog/a-modern-css-reset/
✌️ I hope this helps you and happy coding!
Marked as helpful
@mihaelpavlakovic
Posted
@correlucas Wow, thanks for such a detailed comment! I will implement all the points you have mentioned.