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

Order Summary Component Using Flex

@JoeSpin

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


I struggled greatly with lining up the content properly. Is there a better way to do so than wrapping everything in divs?

Also the background didn't look 100% right. Was wondering what I did wrong there?

How do I make the shadow match up as well?

Community feedback

@erelropeta

Posted

Hello! Just finished doing this, too :)

  1. For the background, you're using the background-image for the mobile design on the 1440px design and I think you forgot to add the background-color.

  2. You can add blur to the shadow :)

0

@JoeSpin

Posted

@erelita Thanks! I'm only about 3 months into the learning process and I did everything in a different way so far. After this challenge, I learned I have to go back and focus on CSS some more lol

0

@erelropeta

Posted

@JoeSpin It's good to explore different ways :) Yeah. CSS can be confusing sometimes >w<

0

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