@b0da2003
Posted
Hi @MariaDoesCoding ,
Great work looks amazing it is so close to the main design.
what can see in your code you used <main>
element inside HTML file that mean your code is semantic HTML.
Different between semantic and non-semantic HTML :
1- non-semantic HTML they do not have any meaningful content and also uses a lot of div element in your project without using any of semantic HTML like [header , nav, main, footer , . . .].
2- semantic HTML means "relating to meaning" means using HTML elements to structure your content based on each element's meaning, not its appearance.
if you wanna place Card in the middle of the screen use in body css height: 100dvh ;
I hope I helped you, even if just a little.
Marked as helpful
@MariaDoesCoding
Posted
@b0da2003 Thank you!