Skip to content
Submitted over 1 year ago

Four card feature section

Chinenye Ibenyenwa•20
@Charley95
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

I couldn't make the spaces in the grid all equal even after using the gap property. How can I achieve that?

Community feedback

  • C4rlos•410
    @solracssPosted over 1 year ago

    Use one class that share same properties for cards, no need to repeat it. DRY principle. As for gap, you did it ok, but change it to

    gap: 2rem

    and deltete top/bottom margin from card - no need for it.

    0
    Chinenye Ibenyenwa•20
    @Charley95Posted over 1 year ago

    I tried changing the gap property to 2rem but it didn't still work. It made the gap bigger@solracss

    0
    C4rlos•410
    @solracssPosted over 1 year ago

    @Charley95 you need to delete margin also. For mobile you can as well set gap to space cards.

    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