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 Bootstrap and Flex

#bootstrap
Chantae 320

@taepal467

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


If there is anything I need to improve on, please feel free to leave me any feedback.

Community feedback

Hexer 3,680

@Phalcin

Posted

Great job overall man.

  • One tip i can give your is to wrap your card in a main element to avoid accessiblilty issues.

  • Just place the main element right after the body and push your content in.

Marked as helpful

1

Chantae 320

@taepal467

Posted

@Phalcin Ohhhh okay. I'll do that next time and thank you!

0

@maqsudtolipov

Posted

Hi there 👋

Congratulate on finishing your project 🎉. You did a great job 💡

I give some suggestions to help you take your project design to the next level 📈😉

  • Add some box-shadow to the card 👍
  • Decrease the border-radius of the card
  • Also add some dark blue box-shadow to the button

Happy coding ☕

Maqsud

Marked as helpful

0

Chantae 320

@taepal467

Posted

@maqsudtolipov Thank you so much! Can't believe I missed the box shadow.

0

@maqsudtolipov

Posted

@taepal467 You are welcome and don't worry, 90 times people forgot the box-shadow in challenges 😉

1

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