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 challenge hub

@Damiel31

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


How do I center the "Change" anchor tag? I used the margin-top it wont work maybe because of the padding? someone enlighten me ty.

Community feedback

@Akku22jan

Posted

Hi, apply "align-items:center" to div with the class 'SubscriptionPlan'. This makes the vertical elements centered when the display is flex. You can read more about flexbox on https://css-tricks.com/snippets/css/a-guide-to-flexbox/ You can understand the concepts from this game https://flexboxfroggy.com/

I hope this would be helpful in understanding how to align flex items and much-more. Happy coding!

Marked as helpful

1

@Damiel31

Posted

@Akku22jan thank you for the tip!

0

@Gabiruu

Posted

You are missing the wave on backgroun of body

Marked as helpful

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