Design comparison
Solution retrospective
.
What challenges did you encounter, and how did you overcome them?.
What specific areas of your project would you like help with?.
Community feedback
- @oppaheroPosted 6 months ago
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 helpful0 - Instead of a
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord