Design comparison
Solution retrospective
this is my solution to the 3-column preview card challenge. feel free to point out any errors you see in my code. thank you! <3
Community feedback
- @ayoamPosted almost 3 years ago
there is an issue with the shadow , remove box-shadow from #backgroud and add it to #cards , also just remove #backgroud div , use body in css instead.
Marked as helpful0 - @PhoenixDev22Posted almost 3 years ago
Greetings cujothechief , Congratulation on completing your first challenge, your solution looks good.
To get rid of the accessibility and validation issues shown in your Report, I would suggest to:
• Wrap everything in your body in <main> ... OR use semantic tags ... OR give role="" to the direct children of your <body> ... Click here to read more
• have at least one <h1> in your code, You should have used <h1> and move up by one level each time instead of the <h3> for the titles. Click here to read more
• Adding cursor: pointer to the "Learn More" elements to further highlight to users that they are clickable and the background should be transparent .
Don't stop and keep doing solutions, hope this feedback helps. Happy coding
Marked as helpful0
Please log in to post a comment
Log in with GitHub
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