Responsive Four card Feature Section Solution using html and CSS
Design comparison
Solution retrospective
Hi everyone. I just completed the Four Card Feature Section challenge.
Feel free to check it out. And don't forget to leave me feedback on what I should have added or removed to make it better.
Thanks in advance...
Community feedback
- @grace-snowPosted over 3 years ago
Looks good, well done!
I'd limit the width of that intro paragraph, maybe in ch units so its closer to the design ☺
Also, I think the h1 and h2 are actually the same heading, they don't deserve different semantics in my view. But that is just an opinion, and very minor point.
Happy coding
Marked as helpful0@grace-snowPosted over 3 years agoLooking at the css I think you have some important learning points to make there
- font sizes must never be in px. Change to rem or em. Really important for some users. I use rem anywhere that I used to use pixels so everything scales together when people change their zoom/font-size settings
- IDs are for anchoring, not styling. And they increase specificity in css unnecessarily
- be caseful how much you are nesting css selectors. This is increasing specificity too, and can lead to a lot of problems in larger projects where css you try to apply can't win against highly specific selectors
I hope this helps
0 - @DannyEnaguPosted over 3 years ago
It sure does....
Thank you Snow for your response I'm really grateful..
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