Responsive Four Card feature Section built with Mobile-First Workflow

👾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!