Submitted almost 4 years ago

Order Summary Solution with Flexbox and CSS Grid

@lere22

A solution to the Order summary component challenge

Solution retrospective

what is great to use for responsive design flexbox or css grid? i used it both but still i don't see the difference between them.

Thank you ^_^

PS: sorry if my english is broken hehe

Code

Please log in to post a comment

Community feedback

Fluffy Kas•7,655
@FluffyKas
Posted almost 4 years ago
Hey, both are good, they have slightly different use cases which you will see yourself as you practice more, believe me :) Here's an article though, at the second half it compares flex and grid: (https://blog.logrocket.com/flexbox-vs-css-grid/). You may find this useful :)

Your solution is fine though, as it has been said by @Teegamtee, you could give it a smaller max-width. Also, a background-size: contain would fix the background wave :)
Marked as helpful
Account deletedPosted almost 4 years ago
It doesn't matter what you use as long as it works and does the job.

& by the way your solution looks ok and I think it would have been better to not have stretched it when it reached 990px.
Marked as helpful

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