Design comparison
Solution retrospective
I definitely see that dark background behind the card and I'm wondering on how to do that with CSS? A separate background div with a drop shadow on the card?
Community feedback
- @radriannPosted over 2 years ago
Hi!! I hope you have a good day, your project turned out great! Here I give you some recommendations in case you like to work on them ^-^:
1- The accessibility problem is due to the fact that the attribution of the challenge is outside of a semantic label. For example: <main>. I recommend changing the attribution div to a footer.
2- The letters of the attribution are in black, placing them with a white color or #fff would be better.
3-The background you are referring to is a box-shadow, I recommend you use the "box-shadow-generator" tool if you have trouble working with it.
Without further ado, I hope you have a great day!
1 - @shashreesamuelPosted over 2 years ago
Hey aiacy good job completing this challenge. Keep up the good work
Your solution looks similar to the design and to answer your question you can use the css property
box-shadow
for that shadow behind the card.In terms of your accessibility issues simply wrap all your content between
<main>
tags to get rid of all the issuesIn terms of your validation errors, you have
class-=
it should beclass=
.I hope this helps
Cheers Happy coding š
1
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