Skip to content
Submitted over 3 years ago

4-column-card

Eguonor Darlington Umurhurhu•120
@Laurentdarl
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

Solution retrospective

Can I rearrange lists with CSS grid?

Community feedback

  • argel omnes•1,800
    @argelomnesPosted over 3 years ago

    Hey Eguonor,

    Nice work with Grids! Yes, you can do that.

    I find your font sizes and weights are off. Also, your cards are cut off when the screen reaches 500px. I'd suggest reducing nesting your container elements. For example, you can achieve the same result by moving .content-container out of .container. Other than this, your HTML hierarchy is good.

    By the way, it's good practice to use lowercase p for a paragraph element.

    0

Please log in to post a comment

Log in with GitHub

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