Order-summary-component

Community feedback

• 

  Navendu•270

  @Ashxarya

  Posted over 2 years ago

  Hi! 😊

  I have some feedback to help you out.

  HTML 📄:

  Use the <footer> tag to wrap the footer of the page instead of the <div class="attribution">. The <footer> element contains information about the author of the page, the copyright, and other legal information.

  As you can see in your accessibility report, you are recommended to use a level-one heading as in h1 instead of header.H1 tags improve user experience in the sense that they're part of a web page's hierarchical structure.

  CSS 🎨: For ease of access in future projects, you can create variables of different colors at the beginning of your sheet. You can read more here to learn about this here

  You seem to have also used the mobile background image instead of the desktop background image which may be the reason why it seems off.

  On the topic of mobile, the given style guide suggests using a mobile width of 375px, although you do not have to follow the guide to a T this will help make the website responsive for smaller devices.

  You may want to also use rem instead of pixels for font-sizes! You can learn more about this topic here

  Have a great day/night ^^

  01

  Marked as helpful