@0xabdul
Posted
Hey there ! 👋 Congratulations you finished the Product preview card...🎉
- some suggestions for you improve your code
Html 🏷️:
- for Accessibility reports you using the and div tag to wrap the whole html code and put attribute role="main" is correct way 🎯 and using the header tag those all are problem to occur the Accessibility reports for example...
<body>
<div class="container" role="main">
//Whole html code
<h1> </h1>
<h2> </h2>
<h3> </h3>
//by ordering using the header tag
</div>
</body>
- In CSS 🎨:
- the result summary card the not center aligning because you not using the felx center and height width in body section etc.. so the reason error occurred in the project for example
body {
display : flex;
align-items: center;
justify-content : center;
height : 100vh
max-width : 100%;
overflow-x : hidden;
}
- I Hope it's useful for you and wating for your next project ❤️
- Happy Coding 😃