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 Challenge using Flexbox

P

@cdanderson76

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


With this project, I was made aware of SVG (Scalable Vector Graphics). If I only would have taken a look at my design files, I would have known that this 'curved' background, which I had so much trouble figuring out how to create, was there for me to use. I guess that's good because I used Figma to create that curve and used it in my design. It's not perfect, but it looks pretty ok. I tried minimizing my code in CSS as much as I possibly could, but it got to the point to where I didn't know what else to adjust. If anyone has any pointers, feel free to let me know! Thanks everyone...

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