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

music order component

mohammad altaebโ€ข 300

@MOHAMMADsvioan

Desktop design screenshot for the Order summary component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

Akhil-Nagpalโ€ข 180

@Akhil-Nagpal

Posted

Hi there! ๐Ÿ‘‹ Congratulations on completing this project! ๐ŸŽ‰

To fix all the accessibility errors, you need to do these things:

-You must follow a basic web page structure. You used the <main> tag under the <div>. Use <main> only once per page, and put it directly inside <body>. Ideally, this shouldn't be nested within other elements. Read this for a better understanding๐Ÿ‘‰ Document and website structure

Other Suggestions ๐Ÿ“–

  • Use a flexbox or grid to center anything. Using flexbox or grid makes your web page more responsive.

  • To achieve the desired size of the card, I have a trick, slightly adjust the screen size to 75-80%, which will make your screen 1440px.

  • Always read README & Style Guide pages. These pages will help you to understand what to do.

I hope this will help you. ๐Ÿ˜Š

Otherwise! You did a great job! ๐Ÿ‘Œ Happy Coding!

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