Submitted almost 2 years ago
Advice generator app solution with Flexbox, async/await
@MagdalenaBr
Design comparison
SolutionDesign
Solution retrospective
This challenge helped me practice Flexbox and RWD. It was also my first try with API and async/await and it learnd me a lot. I'll be glad to get your feedback. If you see any errors then please comment!
Community feedback
- @ApplePieGiraffePosted almost 2 years ago
Hi, Magdalena! π
Great work on this challenge! π Glad to hear that you learned a lot! π
A couple of things I'd like to suggest are,
- Leaving the
alt
text for the dice image empty since it doesn't really add anything to the content of the page and therefore doesn't need to be noticed by screen readers. - Labeling the button in some way, either by adding an
aria-label
or perhaps by adding some invisible text inside it for screen readers to read. - You don't need to set the
innerHTML
of the advice element to be empty first in your JS, you should just be able to set the element'stextContent
to the new advice directly (as in, overwrite it). π
Hope you find these suggestions helpful. π
Keep coding (and happy coding, too)! π
Marked as helpful1@MagdalenaBrPosted almost 2 years ago@ApplePieGiraffe Thank you very much for suggestionsπ
1 - Leaving the
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