Order Summary solution, using CSS only.

Community feedback

• 

  darryncodes•6,370

  @darryncodesPosted almost 3 years ago

  Hi Esteban,

  I really like your solution, it's a good match!

  • I'd recommend updating background-size: 100% auto; and remove: background-position: 0 -280px; to match the background to the design
  • You could clear your accessibility report if you swap <div class="main"> with <main class="main"> and make your <h4> a <h2>, headings shouldn't skip levels

  All the best!

  Marked as helpful

  2

  ---

  

  Esteban Reyes•40

  @Estebankdb17Posted almost 3 years ago

  @darryncodes Actually I had the <main> instead the <div>, but I changed it :( Thank you! I'll keep it in mind!

  1
• 

  Valentine Daniel•180

  @valcruxxPosted almost 3 years ago

  Hi

  You would want to check your mobile design, the component has a slightly wider width

  And then try fixing the HTML and accessibility issues on the solution report

  Good job friend

  Marked as helpful

  1

  ---

  

  Esteban Reyes•40

  @Estebankdb17Posted almost 3 years ago

  @valcruxx working on that! Thank u bro

  0