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

Mostly using flexbox

@Richard2957

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


My first attempt at a Front End Mentor project

Community feedback

Aakash Verma 6,690

@skyv26

Posted

Hi! Richard, very well done that you did your first design and step up from your comfort design by submitting your work.

Dude, I noticed issues and writing all what I saw

  1. Your Card take full height. Add some margin in your card class.

  2. Because you have not added box shadow, it seems like your content is not inside the card it is like floating in the middle of screen.

  3. Your media query work is bad. So update it and make your mobile responsive good.

I hope you understand what I meant to say.

Good Luck

Marked as helpful

0

@Richard2957

Posted

@skyv26 Thanks for your advice. I found that getting the background right is the hardest thing with this challenge. Will do some more work on it.

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