Design comparison
SolutionDesign
Community feedback
- @M-Aaun-twoPosted about 2 months ago
u had to make shadows go more behind while hovering by using .main { background-color: white; padding: 24px; border-radius: 20px; border: #111111 1px solid; box-shadow: 8px 8px 0 rgba(0, 0, 0, 1); transition: transform 0.3s ease, box-shadow 0.3s ease; }
.main:hover { box-shadow: 16px 16px 0 rgba(0, 0, 0, 1); }
and heading should be yellow while hovering on the div not the heading
.main:hover .head { color: #F4D04E; }
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