Design comparison
Solution retrospective
.
What challenges did you encounter, and how did you overcome them?:focus
did the trick here.
.
Community feedback
- @danielmrz-devPosted 8 months ago
Hey again @Xarlizard!
Your solution looks impressive!
I've got an idea (about how to use HTML better) that could make it even stronger:
š Think about using
<main>
to wrap your main content instead of<div>
.Imagine
<div>
and<span>
in HTML as basic containers. They're good for holding stuff, but they don't tell us much about what's inside or its purpose on the webpage.- And since the numbers and the submit button are clickable elements, it's nice to add
cursor: pointer
to them.
š This gives the user a visual indication that the element is clickable, as obvious as it may look.
- Also, you can add a validation to your javascript: If the user tries to submit without picking a number, you give them an
alert("You must choose a number before submitting your rating.")
. Something like that.
Hope that's helpful!
Keep up the great work!
Marked as helpful1 - And since the numbers and the submit button are clickable elements, it's nice to add
- @XarlizardPosted 8 months ago
Native nested CSS is not working properly until they upgrade the browser that runs on the background of frontendmentor for the showcases. It is working fine at my Github Page live version.
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