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

Responsive Four Card Feature Section

CHarvey820 190

@CHarvey820

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

P
ellekost 220

@lkoster

Posted

Nice work!

Here are a few suggestions:

Your h elements should be set to --clr-dkBlue: hsl(234, 12%, 34%); which would be best set on the body to avoid repeats since you have the color set for the p elements.

Using “middleCol” to center the two cards is clever; however, for future expansion of the site, you should consider grid positions instead. You can use grid-column/grid-row or grid area. Build 5 CSS Grid Layouts by CodeLab on YouTube was helpful in showing how to use these methods.

Happy coding!

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