Responsive result summary page using flexbox and media queries
Design comparison
Community feedback
- @Kamlesh0007Posted over 1 year ago
Congratulations on completing the challenge! That's a great achievement, and I'm sure you put a lot of effort into it. I really liked the way you approached the challenge and the code you wrote. You demonstrated a good understanding of the concepts and applied them effectively to solve the problem.I have a few suggestions to improve your code further. you need to add hover effect to button to make the button as per design
button:hover{ background: linear-gradient(to top, var(--gradient-light-royal-blue-bg), var(--gradient-light-slate-blue-bg)); }
Marked as helpful1@Jeremiah-mpPosted over 1 year ago@Kamlesh0007 Thanks for the suggestion, any tip on how i can improve my skill?
0@Jeremiah-mpPosted over 1 year ago@Kamlesh0007 Thanks for the suggestion, any tip on how i can improve my skill?
0@Kamlesh0007Posted over 1 year ago@Jeremiah-mp learn the basic things like flexbox or grid
1 - @bravonoPosted over 1 year ago
Great job here! I'm not an expert yet but something I noticed immediately after I saw your result is the shadow. I think the edges of the shadow are too sharp. You can control this by setting the 3rd value of the box-shadow property to something higher.
Also, use the Alpha channel to control the transparency of the shadow. You will have to use RGBA or HSLA to access the alpha option.
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