Skip to content
Submitted almost 3 years ago

Order Summary

Paulo Victor•420
@paulovictor1997
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

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

  • idukpaye alex•725
    @Esesosa-maxPosted almost 3 years ago

    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
    Paulo Victor•420
    @paulovictor1997Posted almost 3 years ago

    @Esesosa-max thanks for the feedback

    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