В чем разница между min-content и max-content в макетах CSS?

Разница между min-content и max-content в макетах CSS заключается в том, что они определяют разные размеры элементов на основе их содержимого. 13

min-content — это наименьший размер, который может принимать блок, не переполняя его содержимое. 1 Для горизонтального содержимого min-content использует длину самой широкой части содержимого в блоке элемента и автоматически устанавливает значение его длины как ширину блока. 1

max-content представляет собой идеальный размер блока по заданной оси при бесконечно доступном пространстве. 1 Другими словами, max-content устанавливает размер, в который блок должен поместить всё содержимое без упаковки, иначе блок будет переполнен. 1 Для текста это длина самой большой строки без переносов. 2