@MikeBeloborodov
Posted
Hello! Nicely done work. Regarding your question: you can just add
.card__img {
grid-column: 2;
}
in your desktop media query and image will take the second column, as easy as that! Also you probably shouldn't use main tag for your card. Main is a unique section for your content, it should only appear once in the document, like body. Use article or just div for your card. Good luck!
Marked as helpful
@Code-Beaker
Posted
@MikeBeloborodov Hi there! Thanks for your help. I was able to fix the image and it now looks complete!
Also, I would like to learn more about the usage of the <main>tag you mentioned the reply. Can you tell me more about it or share the link of an Article where I can read it?
Thank you!
@MikeBeloborodov
Posted
@Code-Beaker Glad it helped!
The <main> HTML element represents the dominant content of the <body> of a document. The main content area consists of content that is directly related to or expands upon the central topic of a document, or the central functionality of an application.
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/main
Marked as helpful
@Code-Beaker
Posted
@MikeBeloborodov Hi there! Saw the notification just now. I will check these out.
Happy Coding!
