Skip to content
Submitted almost 3 years ago

Frontend Mentor Order Summary Challenge

Ali Mousavi Nizhad•270
@mnizhadali-afg
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

I have three issues to resolve, plz help:

  1. the vertical gap between (Annual Plan) and the (Price)
  2. I can't align the (change) link to the left
  3. The [body background]

P.S: Other suggestions are most welcomed.

Happy coding to everyone :)

Community feedback

  • Adarsh•1,640
    @adram3l3chPosted almost 3 years ago
    1. Its caused by the margin of p tag. set it to zero

    2.margin-left:auto;

    3.add background-color:color; after background-image

    0
    Ali Mousavi Nizhad•270
    @mnizhadali-afgPosted almost 3 years ago

    @adram3l3ch You are a great heroooooooooooooooooooooooooo :)

    Thnka you sir.... :)

    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