Akhil-Nagpal• 180
@Akhil-Nagpal
Posted
Hi Jhay! 👋 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 -
This structure also applies to headings. The
<h1>to<h6>element tags must be in descending order(as per size). Read more 👉 The HTML Section Heading elements
Other Suggestions 📖
- Box shadow is a bit high, put
0pxfor offset x & spread radius set to negative. This will create a very similar effect. - 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
