Submitted over 2 years ago

Responsive Order Summary Component with Semantic HTML & CSS

Christopher J Mendez• 50

@cmendez20

Preview site View code

This is a solution for...

Order summary component

HTML
CSS

1newbie

View challenge

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

@CyrusKabir

Posted over 2 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

Please log in to post a comment

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