Кнопка «показать больше», которая изменяет размер контейнера по высоте ⇐ CSS

[Anonymous]

Вопрос:
У меня есть контейнер, в котором отображается список элементов блога. Я хочу показать только 2 элемента и скрыть остальные. как мне это сделать?
Описание проблемы:
Элементы имеют динамическую высоту в зависимости от размера шрифта и экрана, поэтому я не могу просто сделать «height:20rem; overflow:hidden» для контейнера, так как это будет выглядеть некрасиво. Есть ли решение, которое делает высоту контейнера такой же, как высота двух его дочерних элементов, плюс некоторые отступы?
Что я пробовал:
Я устал использовать строки шаблона сетки 2; переполнение: скрыто для контейнера и установка для каждого дочернего элемента диапазона строк 1. Это ничего не скрывает. Кажется, что overflow:hidden работает только тогда, когда указана высота.
[img]https://i.sstatic.net /oTDajUtA.png[/img]


Подробнее здесь: https://stackoverflow.com/questions/793 ... ner-height