Order Summary using HTML/CSS/some flexbox

Community feedback

• 

  Adriano•38,060

  @AdrianoEscarabotePosted almost 2 years ago

  Hi David Pelo, 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!

  Every Html document must contain the main tag, so we can identify the main content, to fix this, wrap the main content with the main tag. HTML5 landmark elements are used to improve navigation experience on your site for users of assistive technology.

  The rest is great!

  I hope it helps... 👍

  0

  ---

  

  David Pelo•110

  @DavidPeloPosted almost 2 years ago

  @AdrianoEscarabote That does looks better, thanks!

  1

  

  Adriano•38,060

  @AdrianoEscarabotePosted almost 2 years ago

  @DavidPelo no problem, keep coding!!

  0