@IzykGit
Posted
Good work!
Your HTML structure does not use semantic HTML. Semantic HTML utilizes elements such as <main>, <section>, and more. The reason why you want to use these is because they give context to the content they contain. Divs and span do not do this because they have no semantic value. Tags like divs and span should really only be reserved for styling or grouping of content that does not need context.
In your css it is ok however I noticed that you utilized margin to try and center the card on the screen. An easy way to center the card would be to utilize the body element.
body: {
height: 100vh;
display: flex;
just-content: center;
align-items: center;
}
This should easily put your card in the middle of the screen!
Keep up with the good work! :)
Marked as helpful
@Notobd
Posted
@IzykGit Thanks for the feedback Lance and it is duly noted. Sorry for the late reply.