3 column card component using Bootstrap 5
Design comparison
Community feedback
- @VCaramesPosted over 1 year ago
Hey there! 👋 Here are some suggestions to help improve your code:
- DO NOT FORGET ⚠️ to check your FEM report (It provides value information), to see what is incorrect and update your code with it. This should be done immediately after submitting your challenge.
- Unless your company requires⚠️ you to use a library/framework, I strongly suggest you stay away ❌ from using libraries until you fully grasp the fundamentals of HTML, CSS and JS. By using a library/framework, you are robbing yourself from actually learning how to code.
- Every site should ALWAYS have ✅ a
main
element not only for semantic purposes but also to help assistive technology find the main content of your content. For this challenge, it will serves as the component’s container ⚠️.
More Info: 📚
- The “car icons” in this component are purely decorative⚠️. Their
alt tag
should be left blank to remove them from assistive technology.
More Info:📚
https://www.w3.org/WAI/tutorials/images/
- Your "buttons" were created with the incorrect element ❌. When the user clicks on the button they should be directed to a different part of you site. The
anchor tag
will achieve this.
More Info:📚
If you have any questions or need further clarification, you can always check out my submission and/or feel free to reach out to me.
Happy Coding! 👾
Marked as helpful0@salmafadlabdulrahmanPosted over 1 year ago@vcarames Hi, I would like to thank you for taking the time to write a comment, I found your tips very helpful, especially the one about frameworks and libraries, actually I always use HTML and CSS in my code, and this is the first time I use bootstrap I just started to learn it, and I wanted to try using it on a small project😅, but like you said I don't feel it's a good thing to fully rely on a framework or a library.
thank you for your comment. Take care
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