Submitted over 2 years ago
Order-Summary-Component-main Build With : HTML5 & CSS
@lovishduggal
Design comparison
SolutionDesign
Solution retrospective
Share your all suggestion.. Thanks
Community feedback
- @SamadeenPosted over 2 years ago
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 aspan
This should fix most of your accessibility issues
. Regardless you did amazing... hope you find this useful... Happy coding!!!
Marked as helpful2 - @suhaib52Posted over 2 years ago
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 helpful0 - @correlucasPosted over 2 years ago
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 helpful0
Please log in to post a comment
Log in with GitHubJoin 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