Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

3-column preview card component

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


feedback on where you can improve would be of great help

Community feedback

Bryan Li 3,550

@Zy8712

Posted

Your site looks great and is very responsive. Great work!!!

The only thing I think you could improve on is avoid having dupicate lines of css code in places where its not necessary. For example, in your style.css file I see that you have: section.card h1 { font-size: 2rem; in your (max-width: 880px), which then have again in your (max-width: 765px). I'm pretty sure this isn't necessary as lines of code that are covered under larger max-widths carry over into smaller ones.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

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