C H A R A N 🎯• 2,670
@0xabdul
Posted
Hello Developer well congratulations on successfully completing the QR code component A Some suggestions for improve your code !
- IN HTML 📃 :
- LANDMARK 🚀
- The main landmark should be a top-level landmark. When a page contains nested document and/or application roles (e.g. typically through the use of iframe and frame elements), each document or application role may have one main landmark. If a page includes more than one main landmark, each should have a unique label.
- To Clear the Accessibility reports use the Semantic elements Or non - Semantic elements
- Note This Elements are don't sikp
- semantic elements :
<aside> , <artical> , <main>, <header> ,<section><footer>, <form> ect.. - non- semantic elements :
<div> , <span> ect ... - for easy way to clear the Accessibility reports using non semantic elements Ex :
<body>
<div class="container" role="main">
/html code goes here : 📃
</div>
</body>
- Or
- using semantic elements
- Ex :
<header>
should be put heading or logo📸
</header>
<nav>
//Links here
</nav>
<main>
Main of the contents 📃
</main>
<footer>
©copy right here📍
</footer>
- IN CSS 🎨 :
- your qr code card component is not center align it shows bottom of the web page so fix the problem
- Good Example :
body {
display:grid;
place-items:center;
margin:0;
height:100vh;
}
- use the code in case for center aligning 🎯
- I Hope you find the solution and it's useful comment for you your QR Code component project is Awesome Finnally Happy Coding Developer 😊
Marked as helpful
0
