Design comparison
SolutionDesign
Solution retrospective
Hello Front-End Peeps,
Completed the challenge. A feedback is very welcome! Thanks
Community feedback
- @mikestopcontinuesPosted 11 months ago
Hey, you got this really close to the design. Nicely done.
Here's some thoughts I would offer as a lead dev on your team:
- Designers are very picky about their designs. Can you update your design so that the overlay color is closer to the design?
- I think the design gets responsive too early. It should collapse for mobile only when the browser window is very close to the component. Use the padding from the mobile design image as a guide.
- I notice your HTML can be a bit more semantic. This widget would only be part of a larger design, so it should be a
section
, not anarticle
. (Articles are for long content, or for excerpts of long content.) Similarly, you wouldn't usesection
within asection
. The inner sections should be plaindivs
. Lastly, it's best practice to never skip heading levels. Where you haveh1
, I would useh2
. After all, this would be part of a larger web page, and the full page will have anh1
for everything.
Marked as helpful0@ShinjiX-WebPosted 11 months ago@mikestopcontinues thanks for the feedback. Helpful one Cheers!
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