Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
proud of completing this , when i started doing FM challenges , this was the first challenge that i picked , and then quit FM challenge,
but now i did this in like 2 hrs
What challenges did you encounter, and how did you overcome them?none -- but the responsiveness could be much better than what mine have.
What specific areas of your project would you like help with?how to make things responsive... i am still not comfortable with this ! :(
Community feedback
- @sivaprasath2004Posted 7 months ago
Hello i`ll wishing for your completion project solution.
- I will be see your project solution preview site
mobile site
doen't proper because ,main
tag you will not mention thatwidth:100%
change the following code in your CSS
@media (max-width: 700px) { main { max-width: 100%; } #result{ width:100% } #summary{ width:100% } }
1 - I will be see your project solution preview site
- @0xabdulkhaliqPosted 7 months ago
Hello there π. Congratulations on successfully completing the challenge! π
- I have a suggestion regarding your code that I believe will be of great interest to you.
CSS π¨:
- Looks like the component
button
hover state background has not been set yet.
- Just add the following css rules
button:hover { background-image: linear-gradient(#6542FE, #342CE2); }
- Now your component's
button
background for hover state has been set properly
.
I hope you find this helpful π Above all, the solution you submitted is great !
Happy coding!
1
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