Skip to content
Submitted over 3 years ago

Order summary mobile first with html and css

Bernard•195
@Bernardanxiety
A solution to the Order summary component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

In all honesty, I am kinda disappointed that this challenge was like 5 times harder for me that it actually looks like, i feel like i should've done it way faster and way better. Im looking for literally any kind of advice at both html and css so i can get better and keep going at my front-end adventure. Thanks in advance.

Code
Couldn’t fetch repository

Please log in to post a comment

Log in

Community feedback

  • Rachael•610
    @RMK-creative

    Hi Bernard, nice work! Your solution looks really similar to the design

    Along with the comment already posted, I would just add to check out the responsiveness - it looks good on desktop and mobile, but tablet needs a bit of adjusting.

    What were the things that you found most challenging? I also struggle with expectation vs. reality with a lot of challenges, but I try not to focus too much on that aspect. Identifying the harder bits so I can learn from them has become much more important.

    Don't be too hard on yourself, you're doing a really awesome job!

    Marked as helpful
  • lisoviy•60
    @lisov1y

    Hey pal, you did a great job! It looks perfect to me, I just see there two things that you can fix easily:

    1. Annual plan (your accent class) is not centered in your plan box.
    2. You don't have the shadow below the payment button.

    Everything else looks great, we all struggle with this in the beginning, believe me! But don't give up and practice more, that's the only advice and you will be the best!

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