Order Summary Component Challenge with HTML & CSS

Community feedback

• 

  P

  Ken•4,915

  @kens-visualsPosted about 3 years ago

  Hey @Santanu29 👋🏻

  I have some suggestion on how to fix the accessibility issues and how to make your image responsive.

  • In your markup <div class="container">...</div> should be <main class="container">...</main> and <div class="attribution">...</div> should be <footer class="attribution">...</footer>. These will fix most of your accessibility issues. Don't forget to generate a new repot once you fix the issues.
  • What comes to making your image responsive, add these two lines to your img styles. width: 100%; makes it fluid and responsive. display: block; just removes a line from under your image, it doesn't have to do anything with responsive, just a quick tip 🙃

  width: 100%;
  display: block;
  

  I hope this was helpful 👨🏻‍💻 you did a superb job on making it as close to the design as possible. Cheers 👾

  Marked as helpful

  2