Mobile-First Order Summary Component

Community feedback

• 

  Adriano•38,060

  @AdrianoEscarabotePosted 20 days ago

  Hi Tushar Vidhani, how’s everything? I think your project turned out great! However, I have some feedback that I think might be useful:

  To prevent the background image from breaking at higher resolutions, we can prevent this in two different ways:

  • Add a background-repeat: repeat-x;, the image will repeat on the horizontal axis, preventing it from breaking.

  • Add a background-size: 100% 50vmin;, the 50vmin will set its height as the page target, and 100% will make it stretch on the horizontal axis.

  Feel free to choose one of the two!

  The rest is amazing.

  I hope this is helpful. 👍

  0