Skip to content
Submitted about 3 years ago

Responsive Order Summary Component with Semantic HTML & CSS

Christopher J Mendez•50
@cmendez20
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

The main problems I had tackling this challenge was positioning the background-image correctly and positioning the text within the price box effectively. I tried my best, but I do not think that the spacing/position is correct. Regardless, this was my first challenge and I had a lot of fun completing it!

Community feedback

  • CyrusKabir•1,885
    @CyrusKabirPosted about 3 years ago

    hello my dear friend ♥ you did good and clean but here some advice :

    • for background you can just give a 0 0 position and then 100% 430px to bg size.
    • in hover state " change " button not have an underline if you look to main design but you did great my friend go ahead for more challenges
    Marked as helpful
    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