Design comparison
SolutionDesign
Community feedback
- @RioCantrePosted almost 3 years ago
Hello there! Great job with this project. Looking at your solution, I think you should considered the following as well...
- Add the hover state in the
#proceedButton
and add thisbackground: hsla(245, 78%, 79%, 1);
- Instead of wrapping the whole content with
section
which requires at least one heading, usemain
to wrap thepage-center
for readability - It's possible to wrap it with
section
tag the content incontainer-text
- Add the
attribution
style in the CSS file and removestyle
tag - Emphasize the description of the
alt
and don't leave it blank
Overall you did well and keep up the good work!
Marked as helpful0 - Add the hover state in the
- @anoshaahmedPosted almost 3 years ago
hey good job on this challenge! your report above shows a few issues though:
- wrap everything in your body in
<main>
OR use semantic tags! if you're usingdiv
right afterbody
, then give them arole=""
; however, it's a little frowned upon to userole
right after body, so try to stick with semantic tags instead. you can read more about landmarks here - you should have at least one
<h1>
in your webpage
here is a list i made of accessibility issues & best practices
hope this helps :))
Marked as helpful0 - wrap everything in your body in
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