В каких ситуациях следует использовать свойство vertical-align вместо flexbox или grid?

Свойство vertical-align следует использовать вместо flexbox или grid в следующих ситуациях:

• Для строчно-блочных (inline-block) элементов. doka.guide Например, когда нужно выровнять картинку или эмодзи относительно текста. doka.guide
• Для ячеек таблиц. habr.com sky.pro В этом случае нужно прописать display: table родителю, дочернему элементу — display: table-cell, чтобы элемент стал ячейкой, а затем прописать ячейке свойство vertical-align: middle. habr.com

В остальных случаях для вертикального выравнивания элементов предпочтительнее использовать flexbox или grid, так как эти инструменты предлагают более чистый и отзывчивый подход. blog.logrocket.com

Выбор между свойствами зависит от конкретной ситуации и требований проекта.