Design comparison
Solution retrospective
Hi all!π I love doing challenges. And I decided to start my journey on this site with this task.
Community feedback
- @climb512Posted over 1 year ago
Looks nice!
I can offer a bit of my first impressions after glancing through the code. You may want to add descriptive class names, which makes any code review or later revisions much easier (Semantic CSS). Also, you may want to add .m::focus {} with the same css as .m::hover {} to keep the active state formatting on the button when clicked.
When I did this challenge I went ahead and learned how to add the data in data.json using plain JS (no libraries). There are a million resources for this, but I used https://www.ajaypalcheema.com/vanilla-js-dom/ and it helped me a lot. It could be a great opportunity to learn a library like jQuery too if that's what you wanted.
Keep coding!
Marked as helpful1
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