Four card feature section

Community feedback

• 

  María López•240

  @oppaheroPosted 7 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 an h2

  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

  0