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

Order Summary

@paulovictor1997

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


  • English : if you would like feedback in my code, be welcome. Some corrections are made.
  • Português : Qualquer feedback é bem vindo. Algumas correções foram feitas.

Community feedback

@Esesosa-max

Posted

in the main, i felt there was some unecessary code to center the main just simply main { display:flex; justify-content:center; align-items:center; min-height:100vh; /*this will center it dead center*/ } you did not your HTML properly because you can not use the main as the card container. what you have to do is make a main inside the that you will have a div.container inside of that you will have the card will split into three parts div.card-header, div.card-body,div.card-footer. This is how CSS frameworks makes card

Marked as helpful

0

@paulovictor1997

Posted

@Esesosa-max thanks for the feedback

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