Order Summary using HTML, CSS and Flexbox

Community feedback

• 

  

  Chamu•13,860

  @ChamuMutezva

  Posted about 3 years ago

  Greetings Jon. Nice work you have done here , well done. Here are a few observations from my end.

  • your alt values are informative , well done . The music icon , i think it is more like for decorative purposes hence it can have an empty value (just a personal opinion).
  • a button and an a (anchor) element are interactive elements - they should not be nested. Buttons are mainly used with click events like on a form or click events to open a modal or toggle, where as an anchor element is used for navigation. The question you need to ask on this case is whether you are navigating to another page or section to use an anchor element.
  • line-height should be unit-less , for example line-height: 1.5
  • while you have given a max-width on some elements including the ordercard div and the img, when the screen gets smaller , the site is having issues with responsiveness. Add a width of 100% to the ordercard and the image and to the body adding some padding (eg padding: 1rem) to maintain some space between the body and the elements

  happy coding

  01