Design comparison
SolutionDesign
Solution retrospective
My first front-end challenge!!! I have done it with whatever knowledge I have. It was fun implementing this challenge. Any comments and suggestions would be highly valuable to me.
Community feedback
- @lmonteiro18Posted almost 3 years ago
Since this is your first challenge it's normal that you miss some things. So in order for you to improve I'll point out topics you might wanna look into:
- Alignment (you can use css basic properties or you can use a system like flexbox or css grid);
- Responsiveness (the design's ability to adapt across devices with different proportions and sizes); you can search for css media queries to help you with this;
- CSS Transitions - these enable you to smooth some property value's change like background-color or position; right now the changes triggered by your hover states happen instantly and with transitions you could specify the duration of the change and apply easing;
Despite my suggestions, good work! Keep practicing! I also have much to learn!
Marked as helpful0
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord