Design comparison
Solution retrospective
I would try to create o reference system with variables for font size, spaces and so on
What challenges did you encounter, and how did you overcome them?Understanding relative units and how to make then resize the font size based on the screen width
Community feedback
- @lordagPosted 3 days ago
It seems well done to me, there are just some details that need to be reviewed. The title should have a smoother transition between black and yellow. The border when I pass over the card with the mouse should be thicker, to do this I used the transition property as below
.card{ transition: box-shadow 1s ease-in-out; }
.card .content h1{ transition: color 1s ease-in-out; }
.card:hover { box-shadow: 16px 16px; }
.card:hover h1 { color: var(--yellow); }
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