Не отвечает страница с неорганизованным макетом после нажатия «Подробнее» ⇐ CSS

[Гость]

Я решил создать и оформить страницу, которая должна выглядеть как страница Facebook. Когда вы запустите код, вы увидите 4 раздела (О программе, Видео, Фотографии, Прозрачность страницы) слева. В разделе «О программе» в конце второго пункта вы увидите текст (Посмотреть больше), нажав на него. Пространство сверху и снизу раздела (О программе) настолько увеличилось, что страница стала неорганизованной. и текст не конвертировался из (Смотреть больше) в (Смотреть меньше). Вторая проблема, с которой я столкнулся, заключается в том, что страница не адаптивна.
Я не могу поделиться здесь своим кодом, потому что он слишком длинный.
Вот ссылка, по которой вы можете найти файл с кодовым названием (Facebook Page.html) и все изображения/значки, использованные в этом проекте: https://drive.google.com/drive/folders/1L4PH5gN5Wh79j9 -nRnsG3gCn7S2C9qhE?usp=совместное использование

Я пробовал искать в Google, YouTube и Stack Overflow в течение многих месяцев, но не нашел решения ни одной проблемы. Я хочу оставить разделы на своих местах и ​​хочу, чтобы раздел (О программе) не увеличивал пространство сверху и снизу. И хотите, чтобы текст (Смотреть больше) был преобразован в (Смотреть меньше). И страница должна стать адаптивной.