Design comparison
Solution retrospective
Hello guys!
I've recently returned after a break in study and I've done this challenge to remind myself that I can still do it an not all hope is lost, however, I would really appreciate some insight on my solution and anything that I could do to improve because I feel like I've forgotten a lot of things.
Thanks a lot!
Community feedback
- @eruj22Posted about 2 years ago
Hi Mihailescu,
good job on getting back on track and keep coding. Your solution looks good when implemented and you can improve your code even more. First thing to work on is HTML semantics. In your case class card-summary would have article and children inside would mostly be divs. You shouldn't use section inside this card element, but card element can be used inside section. Try to go through MDN reference of HTML semantics to really understand why and when to use different ones. Second thing that you can improve is making classes more clear, structured. There are many ways to do it, one of them is using BEM (follow link to learn more: https://sparkbox.com/foundry/bem_by_example). With a more structured approach you make it easier and clearer to apply styles to components, you can better avoid clashing of class names in bigger projects and other people will have easier time managing the same code (+ your future self).
Keep coding and focus on the fundamental. Enjoy
Marked as helpful0@FanushhhPosted about 2 years ago@eruj22 Thanks a lot for the feedback, I'll definitely do a research on HTML semantics and class structure, I feel like that's one important thing to know in order to write clean and understandable code.
0
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