Design comparison
SolutionDesign
Solution retrospective
Would be grateful to hear your suggestions.
Community feedback
- @catherineisonlinePosted almost 2 years ago
I would add some padding to your section with the class rate and also set the smaller width for the star icon.
I also usually remove this copyright thing because it's not so neccecary, no one is here to steal your designs. And looks kind of nicer without it. ππ»
Marked as helpful0 - @VCaramesPosted almost 2 years ago
Hey there! π Here are some suggestions to help improve your code:
- Along with the blank
alt tag
, you also want to include thearia-hidden=βtrueβ
to your β images/illustrationsβ to fully remove them from assistive technology.
More Info:π
https://www.w3.org/WAI/tutorials/images/
- The proper way to build the "rating buttons" in this challenge is to create a
form
and inside of it, there should be fiveinput radios
and eachinput
should have alabel
attached to it to make the buttons accessible. Finally wrap all theinputs
andlabels
inside afieldset
to prevent users from making more than one selection.
More Info:π
MDN <fieldset>: The Field Set element
- The
attribution
should be wrapped in afooter
element.
If you have any questions or need further clarification, feel free to reach out to me.
Happy Coding!ππ
0 - Along with the blank
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