Responsive Four Card Feature Section made with CSS Grid

Community feedback

• 

  P

  Gümrah Sindar•490

  @gumrahsindarPosted over 1 year ago

  The decision is completely up to you, but the main convention is to use <header> <main> and <footer> (if any). After that, you can organize your main area with different <section>, <article> or <aside> tags. It both effects accessibility and SEO. Also I recommend to read this: Document and website structure

  Marked as helpful

  1

  ---

  

  Michelle Dela Rosa•180

  @mbdelarosaPosted over 1 year ago

  @gumrahsindar Thank you so much! Will be keeping this in mind

  0
• 

  P

  Gümrah Sindar•490

  @gumrahsindarPosted over 1 year ago

  Hi there 👋 You can use two sections. One for hero f.e. <section id='hero'> and one for cards f.e. <section id='cards'>

  1

  ---

  

  Michelle Dela Rosa•180

  @mbdelarosaPosted over 1 year ago

  @gumrahsindar Thank you for the suggestion! Do you have further readings or examples on when is it best to separate parts into different sections like in this challenge, or how does one usually make the decision to group certain parts of the page into sections? Is it more of a readability issue or does it also concern accessibility?

  0