Order summary component using HTML & CSS

Hi! Tushar, I hope you are well and good. I checked your work and I saw some issues.

1. You background image is not centered properly (I am using 1366px screen laptop). Solution In your body tag, either add background-size: 100% auto; Or background- size: contain; It will set you background image at 100% screen width.

2. I saw that you have used box-shadow but the color you chose is white. Always give shadow a tint color. So that your card or layout looks different or look little bit up from rest of design.

Overall Good Work. I think you need more practice in CSS.

Best Of Luck

Hello, @itush. Nicely done. Here are something you may reconsider:

• To make your HTML accessible don't use unnecessary divs. You can use main, section, article etc. instead of div.

• Your background pattern doesn't work well on the big screen. You can use background-size: contain to make it fit the width.

• On the card item the box-shadow color doesn't fit well. Try using black color with low opacity.

Happy coding and have a nice day.❤