Order-Summary-Component Challenge

Hi similar to what @Kamasah-Dickson said it is better to start from mobile first as when you expand from mobile to desktop the adjustments you need to make is less in comparison to doing them the other way round.

What I did on this challenge was to start with mobile first and I put the card in an article wrapper <div> and did a <width> of 87.2% and <margin> of 0 and auto. So when the viewport is for example 375px the card width is 327px and there is space between the card and end of viewport.

Link to my challenge: https://www.frontendmentor.io/solutions/order-summary-component-using-mobile-first-approach-and-css-grid-c-HmAvKIr

I am not saying it is perfect as I am still and learner and still learning about mobile first design but it may help 😁

First of all in responsive design I recommended you start designing on mobile first before you scale up everything to desktop. It is because majority of people are using their phones more than their laptops or computers. Am even using my phone to comment on your solution now.

Besides goof job there👍 Hope it was helpful

Happy coding👍