Skip to content
Submitted 10 months ago

Responsive Four Card Feature Section

CHarvey820•250
@CHarvey820
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Please log in to post a comment

Log in with GitHub

Community feedback

  • P
    ellekost•220
    @lkoster

    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

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