Order-summary-component - CSS Flex

Used this code for background image : In body tag used this CSS property: body{ background : url("./images/uesd image path") no-repeat; background position: top center; background size: 100% 50%; ( this is your choice check the image performance, and the gave the size percentage on your choice); this code very helpful for your background image😉😎 keep it up; } this code helpful for you, plz click on the mark the helpful

Hi Rony, nice job.

For your button, you might want to add cursor: pointer to your style rule. https://developer.mozilla.org/en-US/docs/Web/CSS/cursor

Also, you may want to try adding transition: .2s ease-in-out on your buttons. https://developer.mozilla.org/en-US/docs/Web/CSS/transition

Happy coding! 😊 :D

Good job, just add the background to your Body.

Good job man. Keep it up

Hope this code helpful for you apply this code in your project 😊 results very impressive, then click on marked as helpful.

used this CSS Property in your card to increase and decrease the size of card:

1.In Card design CSS Code Used this:

transform : scale(0.8); this property decrease the size of card. 😉

large size for increase the number of scale & small size for decrease the number of scale

Hay ! Rony Good Job on challenge

-> Learn more on accessibility issues

If this comment helps you then pls mark it as helpful!

Have a good day and keep coding 👍!