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 Card - HTML5 & CSS3

@aditya3284

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


What can i improve in my css to make my project more smooth and responsive for instance in large projects ?

Community feedback

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however I think the content in the card needs a bit more padding using padding.

In terms of your accessibility issues

  • your headings must only increase one level so if you have an h1 then the preceding tag should be a h2.

  • wrap all the content in the body element between the semantic main tags to resolve the accessibility issue of all content must be enclosed in landmarks since the main tag indicates the main content of the page it will resolve this issue.

I hope this helps

Cheers

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