Skip to content
Submitted over 1 year ago

Responsive summary component using flexbox

web-components
Ahmed Awad•80
@AhmedAwad97
A solution to the Results summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hello, this is my first task i am a beginner, i will appreciate any feedback

Code

Please log in to post a comment

Log in

Community feedback

  • Abdelrahman fares•90
    @bedofares

    It looks very nice and I like how responsive it is :) . I have only one comment regarding centering it vertically & horizontally. You can achieve this using flexbox .

    what you need to change is :

    body{
   min-height: 100vh;
   display: flex;
   align-items: center;
   justify-content: center;
}

    and remove the margin-top from the order-summary div.

    I hope this helps :)

    Marked as helpful
  • David Irvine•210
    @DavidIrvine-TW

    hi.. good job :)

    you should look at horizontal and vertical centering :)

    super easy using flexbox :)

    Marked as helpful

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