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 Solution with Flexbox and CSS Grid

@lere22

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


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

Community feedback

P
Fluffy Kasā€¢ 7,735

@FluffyKas

Posted

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

0

Account Deleted

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

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