card component solution with hover effects

Solution retrospective
No specific questions, but any feedback on my code is appreciated!
Please log in to post a comment
Log in with GitHubCommunity feedback
- @jesuisbienbien
Hi Alicia,
I took a look at your code and there are a few suggestions I'd like to make in the hope of improving your codes.
-
SVG image: you can link them using img tag so your html look cleaner
-
If you set the body width: 100vw, and the width of the card to be 275px, and get rid of the .cube-pix-card width, your component will be smaller, look closer to the design.
-
The attribution: Since this page isn't responsive, I used position fixed/absolute for the attribution to stay in the middle at the bottom of the page. what i did was: position: absolute; bottom: 0;
Hope this helps. Happy coding!
Marked as helpful -
Join 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