Mobile First-Order-Summary-Component

Community feedback

• 

  Akshay•810

  @akshaywebsterPosted about 3 years ago

  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! :)

  Marked as helpful

  0
• 

  Massoud•170

  @Massoud5Posted about 3 years ago

  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!

  0