
Design comparison
Solution retrospective
I am mostly proud because I have successfully used JavaScript in this project.
What challenges did you encounter, and how did you overcome them?I encountered the challenge to make buttons of the questions. But when I used JavaScript the problem was solved.
What specific areas of your project would you like help with?If you find any way to improve my solution, please let me know.
Community feedback
- @MarziaJaliliPosted 10 days ago
Hats off to you!
A tiny area you could fix:
-
For some SEO puposes, you could opt to use the
<button>
element instead of the<div>
. The button element will give enough information to the screen readers and specify it's actully a button. -
The button elements come with some default styles that we must get rid of them in the challenge:
button { border: none; /* removes the borders background-color: transparent; /* removes that gray bg color */ }
- Also, you may need to have some text for the button. Since we don't have any that can be rendered we must use the
aria-lable
instead:
<button aria-label="toggles the answers"></button>
In case you find any difficulties, fell free to let me know.
😁😁😁.
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