Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Order-Summary-Component-main Build With : HTML5 & CSS

@lovishduggal

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Share your all suggestion.. Thanks

Community feedback

Abdul 8,540

@Samadeen

Posted

Hey Lovish!! Cheers 🥂 on completing this challenge.. .

Here are my suggestions..

  • Go down orderly when you are using the headings h1 down to h2 down to h3 and so on.
  • You can wrap your attribution section in a footer tag to avoid accessibility issues.
  • You should not nest your headings in a span

This should fix most of your accessibility issues

. Regardless you did amazing... hope you find this useful... Happy coding!!!

Marked as helpful

2
suhaib52 280

@suhaib52

Posted

Hello Lovish,

Your solution is very clean. I like your approach. It would be better if you add external style sheet. That would make your code more readable. Best of luck for next time!

Marked as helpful

0

@lovishduggal

Posted

@suhaib52 Thank you Sir

0
Lucas 👾 104,420

@correlucas

Posted

Hello Lovish, nice solution you've.

I saw some things that differs from the Frontend Mentor design:

  • You should follow an order between your solutions headings, it seems that you jumped from h1 to h5, take a look.
  • The h5 inside annual-plan-box isn't bold, it should be "font-weight: 500"
  • The plan div should aligned left with "text-align: left".

Overall I think you've done it very well.

Marked as helpful

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord