Skip to content
Submitted about 2 years ago

Order Summary Component

Narah Karuna•130
@narahkaruna
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

To complete this challenge, I use flexbox and grid. I had a hard time getting the link "change" in the plan to center (vertically) in the grid.

Feedback welcome.

Community feedback

  • Jeck•1,080
    @j-tomajinPosted about 2 years ago

    HELLO

    did you try align-items: center; ?

    since you used flexbox, justify-content: center; center the content horizontally, and align-items: center; center the content vertically. And if you use this two the content will be centered;

    HAPPY CODING!

    0
    Narah Karuna•130
    @narahkarunaPosted about 2 years ago

    @AsukalDePapa

    This helped. With your suggestion, I looked deeper into flex to understand it better. I'll have to redo the challenge sometime later. My solution is not responsive at all.

    Once again, thank you.

    1

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