Design comparison
Solution retrospective
Hey guys, if there's anything I could improve on, please let me know. Have a great day! :)
Edit: I set an animation delay on my cards so they don't show up in the challenge screenshot. Is there a way to fix this?
Community feedback
- @MarlonPassos-gitPosted over 3 years ago
Very nice your project visually, it was very similar to the original. I liked the animation of the header.
Talking a little about user experience. If this project were real, each one of the cards would take the user to another part of the site, so each one of the cards should be inside an <a> tag, it is very interesting that it has some kind of effect when the user places the mouse over it of each card, I would recommend using
card:hover{ transform:scale(); cursor: pointer;
you can take a look at this project here with reference https://marlonpassos-git.github.io/Four-card-feature-section/
1 - @mikkoo99Posted over 3 years ago
Project is well coded. Almost everything is legible (like that comments which separate sections), and good use of variables. On my 13" laptop i have to scroll down to see last card. I suggest to give your body 'height: 100vh' in '@media (min-width: 900px)'. In that case you will have to reduce size of elements.
0
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