В чём разница между `<section>`, `<article>` и `<div>`?

Зачем это спрашивают

Все три — контейнеры, но семантика разная; от выбора зависит a11y и смысл документа.

Сравнение

• <article> — независимый фрагмент (пост, карточка, виджет), осмысленный сам по себе
• <section> — тематический раздел документа, обычно с заголовком
• <div> — нейтральная обёртка без семантики; для стилей/JS-хуков

<article>
  <h2>Как работает Grid</h2>
  <section>
    <h3>Треки</h3>
    <p>...</p>
  </section>
</article>
<div class="layout-row">...</div>

Итог

Сначала смысл (article/section), div — когда семантики нет. Не оборачивайте всё в section «для красоты».