Skip to content
Submitted almost 3 years ago

Feedback? Problems with position and display

Lucas Busso•140
@lucasbusso
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

Hi there. I can't figure out the best way to position the cards in this challenge. Feedback? Also i dont do it responsive, but I added some hover interaction

Community feedback

  • bikeinman•1,080
    @BikeInManPosted almost 3 years ago

    I tried to fix it a little bit. The following changes seems to center it. But you may still have some more work to do on the height of it. Hope this helps.

    main { height: 100vh; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; /*! width: 200px; */ /*! height: 150px; */ /*! margin-left: 35rem; */ /*! margin-top: 17rem; */ margin: 0 auto; }

    Marked as helpful
    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