Responsive Four Card feature Section built with Mobile-First Workflow

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Finney, congratulations for your new solution!

  I just saw your solution and this is really amazing and fully responsive. The only thing I think you could change is the aligment and the box-shadow.

  Here's my tips:

  To have your content aligned vertically cented you need to use these flex properties:display: flex; / align-items: center; / justify-content: center;

  main {
      display: flex;
      max-width: 375px;
      padding: 4rem 2.5rem;
      margin: 0 auto;
      min-height: 100vh;
      align-items: center;
      justify-content: center;
  }
  

  The shadow is too transparent, in this case you can give it more opacity to make it a bit more visible, use this value instead box-shadow: rgb(0 13 28 / 5%) 0px 12px 15px;

  👋 I hope this helps you and happy coding!

  Marked as helpful

  1

  ---

  

  Finney•3,030

  @Finney06Posted over 2 years ago

  @correlucas Thanks for the feedback I'll work on that.🙂

  0