Order summary component challenge using css flex

Community feedback

• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  What @anoshaahmed said.

  Remove the width attribute off the body, it isn't needed. Use this code on the body to center the card in the viewport:

  display:grid; place-items:center; min-height: 100vh;

  Replace height with min-height.

  Change your attribution div to a Footer and it will clear the accessibility warnings.

  Download AXE DevTools and you can clear accessibility warnings while you code. https://www.deque.com/axe/devtools/

  Hope this helps.

  Marked as helpful

  0
• 

  Anosha Ahmed•9,300

  @anoshaahmedPosted almost 3 years ago

  To avoid accessibility issues in the future:

  • wrap everything in your body in <main>
  • start your headings with h1 and move up by one level each time

  Good job! :)

  Marked as helpful

  0
• 

  Melad•110

  @meladcodesPosted almost 3 years ago

  Hi, Well done for completing your first challenge! In order to avoid any accessibility issues, you can wrap everything in your body with the <main> tag. Hope this helps.

  Marked as helpful

  0