@oppahero
Posted
Hi!
Congratulations on finishing this challenge✨
I have a suggestion about your code that might interest you 💡
📍Use appropriate semantic HTML tags to define the different sections of your page.
- Instead of a
<div class="main">use the<main>tag
The <main> tag defines the main content section of a web page.
- For the title of the page it would be more appropriate to use the
<h1>tag, instead of a div. And continuing with the hierarchy of the headers, the titles of the cards can be in anh2
The <h1> tag is the most important, as it defines the main title of the page.
- Instead of a
<div class="card-container">you can use the<section>tag.
The <section> tag defines a generic section of content within a web page. Can be used to divide content into thematic sections
- For the cards you can used
<article>tag
<article> represents independent and autonomous content, such as a news article, a blog post, a product or, precisely, a card.
Using the correct tags in HTML is essential for creating web pages that are semantically rich, accessible, easy to maintain, and SEO friendly
Happy coding!
Marked as helpful
