Design comparison
SolutionDesign
Community feedback
- @webdevbynightPosted 2 months ago
Some feedback:
- the shadow of the component is not similar to the one in the design (the
$box-shadow-3
variable is most similar) and you forgot to add the shadow to the tooltip showing the links where to share; - you should avoid declaring inline styles: declare them within stylesheets (inline styles cannot be cached by browsers);
- the first image (the drawers) is a decorative one and its
alt
attribute should be left blank (alt=""
) and the value of thealt
attribute of the avatar should be something like “Michelle Appleton’s avatar”; - you should clean your React repo, since you do not use the accordion components (dead code should be avoided);
- your SCSS is well organised, but a bit too much for this challenge: since there is only one component, you do not need to split into so many directories (by the way, I am not sure I manage to maintain your SCSS so that easily).
I hope this feedback helps you.
Marked as helpful0 - the shadow of the component is not similar to the one in the design (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