Design comparison
Solution retrospective
-
I gave a final touch with the shadows and a very subtle gradient to highlight the solid colors and give the buttons a bigger look. "Learn More"
-
My question today is in HTML, which tag is best to use in product titles?
" Take one step at a time and never stop walking."
Let's practice! 🚀
Community feedback
- @correlucasPosted about 2 years ago
👾Hi Adriel Santos, congrats on completing this challenge!
I've just opened your live site and I can say that you did a great job putting everything together! There's some tips to improve your solution:
Your solution seems fine, you did a really good job wrapping the content for these 3 cards. Something you can improve here is to use a
single class
to manage the content that is mostly the same for the 3 cards (paddings, colors, margins and etc) and another class to manage the characteristics that are different (colors and icon), this way you'll have more control over then and if you need to change something you modify only one class.✌️ I hope this helps you and happy coding!
Marked as helpful1 - @VCaramesPosted about 2 years ago
Congrats @adriel-mp3 on completing this challenge!
Regarding your question, You can use either <p> element or <h2> element.
For your component I notice that you used h1, h2 and h3. This is something that you don't want to do. Each heading has a different level of importance, with h1 having the highest level of importance. So for this challenge you can use h2 for each title/heading.
Attached is a link with info in headings: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements
Marked as helpful1
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