@Harsh-Kumar-Dwivedi
Posted
Hi @Valchali ,
I think you can prefer to use <main>
element instead of <div class="container">
and <h1>
instead of <h2>
here <h2>HTML & CSS foundations</h2>
.
These will improve accessibility.
It will be better if you give container
class a specific value in the max-width
property and then try to fix the design without using media queries.
These should center the card properly.
Try using following code for giving <h2>
color yellow in hover state:-
h2:hover {
color: hsla(49, 100%, 72%, 0.938);
}
If you find my suggestions helpful, kindly, please consider marking them as "Marked as helpful".
Stay Happy and Healthy !
Happy Coding ! 😀
Marked as helpful