Order summary Check-out page with hover states

Community feedback

• 

  Adriano•38,330

  @AdrianoEscarabotePosted about 2 years ago

  Hi TayAki79, how are you?

  I really liked the result of your project, but I have some tips that I think you will enjoy:

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

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

  2. 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 great!

  I hope it helps... 👍

  0

  ---

  

  TayAki79•160

  @TayAki79Posted about 2 years ago

  @AdrianoEscarabote Hi, Adriano. Thanks for your feedback. But to be honest I don't understand what you mean by not breaking at higher resolutions. I'm very sorry. I am a bloody beginner. I copy and paste one property you recommend to the image selector but I don't see any difference ; (

  Thx for your great support, Adriano!!!

  0

  

  Adriano•38,330

  @AdrianoEscarabotePosted about 2 years ago

  @TayAki79 when you open devtools and stretch the page, you might notice that the background image was breaking!

  0

  

  TayAki79•160

  @TayAki79Posted about 2 years ago

  @AdrianoEscarabote ah ok. I get it. You mean when I resize that there’s no abrupt change at the breaking point. Thx man

  0