Mobile First-Order-Summary-Component

Hi, Massoud!

• I think using background-size: contain on the background svg would solve your problem, then there won't be a need to scale anything.

• Also there was no need to use the two rectify divs at all.

• To make the hero svg span the entire width of the card, you can just use width: 100% on the img.

• There was no need to use relative position on the box div, as Flexbox could have taken care of the position of the elements inside it for you.

I hope my feedback is helpful to you. If you need any further help, feel free to ask. Have a great day! :)

Thank's Akshay for your helpful comment!

• I replaced my <<background-size>>'s value by <<contain>> but I had just a little image in the top-center.I'm impatient to test other solutions if you have the time.

• <<width: 100%>> was a good idea.

• in the box, items needed some more precision for a ideal position.

Thanks again for your feedback!