HTML & CSS Order summary component

Community feedback

• 

  P

  Adriano•42,700

  @AdrianoEscarabotePosted 22 days ago

  Hi Abdur Rahman, how are you doing? I really loved the outcome of your project, but I have a few suggestions that I think might be helpful:

  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 excellent.

  I hope you find it useful. 👍

  Marked as helpful

  0

  ---

  

  Abdur Rahman•110

  @AbdurRahman-web-DreamerPosted 20 days ago

  @AdrianoEscarabote Hi Adriano, Thank you so much for taking the time to review my project and for your kind words! I truly appreciate your suggestions.

  For the background issue, both solutions you provided make a lot of sense. I'll experiment with them to see which one works best for my design. I really like the idea of using background-size: 100% 50vmin; for better responsiveness.

  Your feedback is incredibly helpful, and I'm glad you liked the rest of the project. Thanks again for your support! 👍

  1