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

Responsive Order Summary Component (HTML & CSS)

P
Ronan 220

@CannyRo

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


What are you most proud of, and what would you do differently next time?

Always proud to keep the momentum going. I think I managed the responsive behavior well this time.

What challenges did you encounter, and how did you overcome them?

Background management based on view width. The initial set includes a truncated background for the mobile version and a full background for the desktop version, but nothing in between. According to the mock-up, the original background is the same on both versions, the only difference being its positioning. I therefore preferred to use the same background and adapt its behavior to the width of the view.

What specific areas of your project would you like help with?

I'm always open to criticism, which helps me to improve.

Community feedback

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