Order Summary

👾Hello Robert, congratulations for your solution!

You've done a really good work here wrapping all component content inside the <main>, but note that your container isn't responsive yet, to do that, you can use a quick fix replacing the width you've used vw and use max-width see the corrections below:

.card {
    border-radius: 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    max-width: 350px;
    background-color: white;
    /* width: 23vw; */
    margin-top: 5rem;
    border: 0px solid black;
    padding: 0rem;
}

Hope it helps and happy coding!