All solutions

Hi all, this is my solution to the order summary component challenge.

I managed to use media queries to specify display for small and large screens.

Any and all feedbacks is welcomed...

Hi guys I used CSS grid. this time and It came out pretty well.

When I reduce my tab size the elements of the card get out of the card borders. Does anyone how I can avoid this result?

please open the link on a phone first. I did the mobile design

I wanted to get a try at using breakpoints. So I tried to do the mobile design first. I used a media query to have a breakpoint for small screens so when the link is opened on a phone the design comes out well.

However, I have a problem with the desktop version. （─.─||） I tried to use flexbox in the second media query to modify the layout for biger widths for desktop but it was not working.

should I put the entirety of the CSS in the media query then design the desktop view entirely from scratch? Does anyone have a suggestion?

TLDR: the phone design works but I could not style for desktop simultaneously

Hi I tried this challenge but was not able to centralize the page. Any recommendations?