Solution to Results summary component using basic HTML/CSS Using Flex
Design comparison
Solution retrospective
Hey everyone
I struggled a bit with this challenge, not because it is particulary difficult but because of the amount of elements to style. I am worried that my code is a bit messy and unorganised. I also used id and class tags many times, and I'm not sure if it is in a correct way.
I would be happy to hear your opinion on it! thanks in advance and Happy Coding
Community feedback
- @danielmrz-devPosted 11 months ago
Hello @Med-ko!
Your solution looks awesome!
It's not a problem to use id and classes many times.
You just have to understand their differences:
ID’s are unique
📌 Each element can have only one ID.
📌 Each ID can have an unlimited amount of Styles applied to it.
📌 Each page can have only one element with that ID.
📌 IDs use “#” in the CSS which can also be used as an identifier for HTML “Jump Links” (hyperlinks). This allows you to jump from one place to another on the same web page and can also be used in creating a well-designed Table of Contents.
Classes are not unique
📌 You can use the same Class on multiple elements.
📌 Class naming is case sensitive.
📌 Classes use a “.” in front of the name in the CSS.
📌 Each Class can have an unlimited amount of Styles applied to it.
📌 You can use multiple classes on the same element.
I hope it helps!
Other than that, you did an excellent job!
Marked as helpful1
Please log in to post a comment
Log in with GitHub
Join 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