Skip to content
Submitted 5 months ago

Four cards using CSS Grid, responsive

Yaroslav Sventsitskiy•160
@yarsvent
A solution to the Four card feature section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

I'm proud for not giving up after feeling frustrated when I couldn't solve it with a flexbox.

What challenges did you encounter, and how did you overcome them?

Couldn't make the layout work with the flexbox, so I used grid instead.

What specific areas of your project would you like help with?

Mobile version looks a bit weird and I don't know why.

Code

Please log in to post a comment

Log in

Community feedback

  • Paul Lockyer•120
    @alittlebroken

    Great job, Just like the design spec.

    I found using flex for the cards only and containing the top text, card container and attribution whilst using grid for the layout of the cards eased my frustration.

    I checked and the only thing I could find was the top text was broken up too much, I would have gone with a smaller font size.

    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