Design comparison
Solution retrospective
It has been my second project from Frontend Mentor, and it has been so much easier to follow external instructions after having completed the first challenge. Again, I am proud that the time I've estimated for this project has matched the time in which I've completed the project. It's really comfortable to work on a design where so many details are provided. I can focus on writing the code instead of creating content.
What challenges did you encounter, and how did you overcome them?I haven't encounter any problems.
What specific areas of your project would you like help with?I would appreciate advice on how to best structure my CSS file and how to find best id and class names.
Community feedback
- @kodan96Posted 6 months ago
hi there! ๐
For better classnames look up BEM notation (stands for Block Element Modifier), it's one of the most popular naming convections in webdev and it helps you keep your code modular.
Hope that helped ๐
Good luck and happy coding! ๐ช
Marked as helpful2@NullishKoalaPosted 6 months ago@kodan96 thank you so much! I will definitely have a look.
1 - @dwangsstPosted 6 months ago
Hello there!
Congrats on completing the challenge! โ
Your solution looks excellent!
As for this challenge, I think it's pretty simple and you don't have to have many IDs or classes to style an element, use the appropriate semantic tag instead.
Check out this web.dev/learn/html/headings-and-sections
Marked as helpful1@NullishKoalaPosted 6 months ago@dwangsst thanks, that's true for semantic tags, I just tend to think in larger perspective ;)
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