Skip to content
Submitted about 4 years ago

Using Flex and Grid. Grid-Gap is not optimal.

Sven•295
@Sven72
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 am not satisfied with the broad grid-gap, but I have no idea, how to narrow it.

Community feedback

  • Sebastian T•65
    @Seti108Posted about 4 years ago

    Hey, looks nice! Like the touch with the shadow changing on mouse-over!

    When I inspect your code it looka like "div class="card--supervisor card"" has a margin. Maybe you could take that away first? Same on the opposite card I guess.

    If that don't work you could maybe try to (on the div css):

    justify-self: end;

    Worth a try maybe. https://developer.mozilla.org/en-US/docs/Web/CSS/justify-self

    1

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