Чем отличаются значения baseline и stretch при выравнивании элементов flexbox?

Значения baseline и stretch при выравнивании элементов flexbox отличаются способом выравнивания. netology.ru skillbox.ru

Baseline означает, что элементы выравниваются по базовой линии текста, который в них содержится. skillbox.ru Базовая линия — это воображаемая линия, проходящая по нижнему краю символов без учёта свисаний, например у букв «д», «р», «ц», «щ». htmlweb.ru

Stretch означает, что элементы растягиваются, занимая всё доступное место по поперечной оси. htmlweb.ru Если для элементов задана высота, то stretch будет проигнорирован. htmlweb.ru

Таким образом, baseline ориентирует на выравнивание по тексту, а stretch — на растяжение элементов.