Responsive web component built using HTML, CSS, CSS flexbox, e.t.c.
Design comparison
Community feedback
- @correlucasPosted about 2 years ago
πΎHello Usuanlele , Congratulations on completing this challenge!
I saw your preview site and I liked a lot the work youβve done here, it's almost complete, Iβve some suggestions you can consider applying to your code.I saw that youβve used
id
to give the styling for your component, its not a good idea becauseid
its a too much specific selector used forforms
and Javascript code. Instead, useclass
for styling and let theid
for much specific stuff.It is not advisable to use IDs as CSS selectors because if another element in the page uses the same/similar style, you would have to write the same CSS again. Even if you don't have more than one element with that style right now, it might come later.
βοΈ I hope this helps you and happy coding!
Marked as helpful1@horsirhonPosted about 2 years ago@correlucas Thanks for the tips , I really appreciate someone with experience looking through my code and commenting to help me improve
0 - @denieldenPosted about 2 years ago
Hi Usuanlele, congratulations on completing the challenge, great job! π
Some little tips:
- add
main
tag and wrap the card for improve the Accessibility - also you can use
article
tag instead of a simplediv
to the container card for improve the Accessibility - instead of using
px
use relative units of measurement likerem
-> read here
Hope this help! Happy coding π
Marked as helpful1@horsirhonPosted about 2 years ago@denielden Thanks for the tips, I'll make these changes soon.
1@denieldenPosted about 2 years ago@horsirhon You are welcome and keep it up π
0 - add
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