C H A R A N 🎯• 2,690
@0xabdul
Posted
Hey there Congratulations on finishing the Result summary card component 🤩
- In Html : 🏷️
- the html Document should be contained only one main landmarks ✅
- The main landmarks..?
- A
main landmark
identifies the primary content of the page - If a page includes more than one
main landmark
, each should have a unique label. - for easy way to using the non- semantic elements clear the all Accessibility reports👍
- EX :
<body>
<div class="main" role="main">
//Whole html code here 🏷️
</div>
</body>
- in fact using the header tag by ordering or sequence Ex :
<h1> , <h2> , <h3> , <h4><h5> , <h6>
- please Avoid ☝️
<h3>great </h3>
<h1>summary </h1>
<h4> </h4>
<h2>great </h2>
- please do👍
<h1>your results </h1>
<h2>great </h2>
<h3>summary </h3>
<h4> 100</h4>
- the Accessibility reports clear..
- In Css 🎨
- in this result summary card is not center align so fix the problem
- EX :
body {
display : flex;
align-items : center;
justify-content : center;
height : 100vh;
overflow-x : hidden;
}
- Happy Code ✨
Marked as helpful
1