C H A R A N 🎯• 2,690
@0xabdul
Posted
Hey there 👋 first Congratulations you finished the QR Code project doing very well..
- but some issues in QR Code project
- Problem
- the QR Code card component is not center align
- there are Accessibility reports..!
- Solution📌
- note the point
- In CSS : 🎨
body {
display : flex;
align-items: center;
justify-content : center;
height : 100vh;
width : 100%;
}
- for center align
- first problem solving🥳
- In Html : 🏷️
- use div tag and wrap the whole html code by attribute role="main"
<body>
<div class="container" role="main">
//Whole html code..
<h1> </h1>
<h2> </h2>
<h3> </h1>
//use the header tag by ordering..
</div>
</body>
- I Hope it's useful for you and wating for your next project ❤️
- Happy Coding 😃
- Peace be upon Allah Mercy and Love 💕
0