Submitted over 3 years ago

order-summary-component using CSS, flexbox, sass

sass/scss

obasekiosa•120

@obasekiosa

A solution to the Order summary component challenge

Preview Code

Solution retrospective

Is my observation (detailed below) wrong or is there something I am missing?

Working on this I noticed when the size(height) of a flexbox element(flex-direction: column) is not set and you place padding on a child element that precedes an image sibling or a sibling with an image as a child, the way the image is rendered gets distorted. so It is best to add padding or margins on the image or image container directly.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on obasekiosa's solution.

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