Где используется тег div?

`div` используют как контейнер для группировки и раскладки — там, где нет более подходящего семантического элемента.

Типичные случаи

• Раскладка: обёртки для flex и grid, колонки, контейнер с максимальной шириной.

<div class="container">
  <div class="grid">…</div>
</div>

• Группировка для стилей: карточка, блок с фоном, обёртка поля формы (подпись + поле + ошибка).
• Обёртки для JS: корневой элемент приложения (<div id="root">), контейнеры для порталов и виджетов.
• Технические обёртки: для анимаций, позиционирования, overflow.

Где лучше другой тег

• шапка, подвал — header, footer
• меню — nav
• основное содержимое — main
• самостоятельный блок — article
• кликабельный элемент — button, a
• список — ul, ol

Коротко для собеседования

div — для раскладки, группировки и технических обёрток; если у блока есть смысл, используют семантический тег.

Подробнее: MDN — Элементы HTML