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 Component

@narahkaruna

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


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-tomajin

Posted

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

@narahkaruna

Posted

@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
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