Skip to content
Submitted over 3 years ago

CSS FLEXBOX

Matias Mass•280
@MatiasMass
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)
Code

Please log in to post a comment

Log in

Community feedback

  • Ricky•470
    @pyaetheiN

    Hello Matias! Great job completing the challenge however there're things you have to fix, so here it is...

    You need to add:

    • display: flex;
    • align-items: center;
    • min-height: 100vh;
    • justify-content: center;
    • background-repeat: no-repeat;
    • background-color: hsl(225, 100%, 98%);
    • padding: 0 1rem;

    inside <body> tag and

    • max-width: 400px instead of width: 30%; inside your .container class

    I hope my feedback is helpful for your solution.

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