Submitted over 3 years ago

order-summary-component-main using flexbox

Dan•90

@gawnad

Preview site View code

This is a solution for...Order summary component

HTML
CSS

1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello coders/ programmers,

I have completed another project. I have been struggling with the responsiveness aspect of the projects and something I'm trying to resolve. Any input on the matter would be amazing. I am trying my best and even though it gets frustrating I recall the first few weeks of learning web development and I was over whelmed by the amount to learn, but to see how far I have come shows that I am heading in the right direction. 🙂

Community feedback

Ahmed Faisal•5,095
@afrusselPosted over 3 years ago
Nice work. For box-shadow use a online generator to use the code.
Marked as helpful
2
uiGuy•255
@uiGuysPosted over 3 years ago
@afrussel Which one is good site for shadow generator?
0
Dan•90
@gawnadPosted over 3 years ago
@afrussel Yes I have implemented it now. Thanks for that. I was wondering how to do it and created my own. The last finishing touch.

Appreciate your input. Thank you

🙂
0
Dan•90
@gawnadPosted over 3 years ago
@uiGuys I looked on google. After that it's self explanatory.
0
Patrick•14,265
@palgrammingPosted over 3 years ago
you might want to add this to your background to keep it the same height in the browser window and to keep it positioned in the same place in relation to the card

background-size: 100vw 40vh; background-position: center top;
Marked as helpful
0
Dan•90
@gawnadPosted over 3 years ago
@palgramming

Thanks for the tip Patrick. Looks way better. 👍
0

Please log in to post a comment

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