@rohitd99
Posted
Hi kudos2Shef
Congrats on completing the challenge.
I noticed that to center the card you've used properties like position : relative
etc on your card, well to center something you don't need these but simply use a flex or grid on main
main {
min-height: 100vh;
display: flex;
flex-direction: column;
justify-content: space-around;
align-items: center;
}
add these to your solution and remove the position : relative
and top : 120px
from your card. Also I see you've used headings in the wrong way. The card title must he a h1
instead of an h3
. Each page must have a single h1
heading for the title. Headings must be in order from h1
through h6
. Same for the footer instead of h6
, I think semantically a p
element should suffice as I don't think that is a heading.
Hope it helps
Marked as helpful