Skip to content
Submitted over 2 years ago

CSS FLEXBOX

Matias Mass•280
@MatiasMass
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Community feedback

  • Ricky•470
    @pyaetheiNPosted over 2 years ago

    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.

    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