Order Summary Card (HTML, CSS)

Community feedback

• 

  Rogerio Bautz•180

  @rogeriobautzPosted almost 3 years ago

  You are using a span tag as a div, wrapping the music icon and a div with 2 texts. Span tags can not have divs inside. Remember to update your CSS code too since you are using it in line 71.

  1

  ---

  

  Marwan Zayed•30

  @marwanzayedPosted almost 3 years ago

  @rogeriobautz Thanks, bro

  0
• 

  P

  David Turner•4,150

  @brodiewebdtPosted almost 3 years ago

  The width of the card in the Figma file is 450px. Change you rmax-width to 450px and it will look much better. Your forgot to put the background color on the Annual Plan section.

  Wrap your card div in a Main tag and change the H2 to an H1. Every page should have an H1 for accessibility reasons. You will have to re-style it to look like the design. Just change H2 in the CSS file to H1 and your good to go. Those things 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.

  1

  ---

  

  Marwan Zayed•30

  @marwanzayedPosted almost 3 years ago

  @brodiewebdt Thanks, bro

  0