
Solution retrospective
Comments welcome.
Please log in to post a comment
Log in with GitHubCommunity feedback
- @shashreesamuel
Hey good job completing this challenge
Keep up the good work
Your solution looks great however I think that your divider line needs some margin from the bottom using
margin-bottom
.In terms of accessibility issues simply wrap all the content between main tags
I hope this helps
Cheers Happy coding 👍
Marked as helpful - @ChamuMutezva
Greetings Athreya.
You have done well with this challenge, well done. However, i noted that clicking the dice does not generate a new quote. Only after refreshing is when i get a new quote. Always use semantic elements where possible, that will help to make your site accessible. One particular case is when you used a div instead of a button for interactive purposes - a div will require a whole lot more code to make it accessible, as a keyboard user i am not able to use it.
- a site should also have a heading element , with an h1 being the first heading element of your site, thereafter heading elements should then follow a sequential order without skipping headings.
- the site is responsive , good job.
Marked as helpful - Account deleted
Hello there! 👋
Congratulations on finishing your challenge! 🎉
I have some feedback on this solution:
-
put the quote inside a <blockquote> tag instead of span to be more semantic
-
check the HTML report to fix accessiblity issues
i hope this is helpful and goodluck
Marked as helpful -
Join 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