Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Mobile-first solution using css flexbox

@mauricioarrequena

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Riki Wendri 1,380

@F4YY

Posted

Hi @mauricioarrequena,

Good job on successfully completing the challenge..

Little recommendation to optimize layout desktop view that might interest you, it's for centering the card horizontally and vertically to screen view. One of the easiest ways is by using flexbox, such like code snippet in CSS:

body {
display: flex;
justify-contents: center;
align-items: center;
}

Hope that could be Helpful. Keep happy coding...

0

Please log in to post a comment

Log in with GitHub
Discord logo

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