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

[Anonymous]

Я решил создать и оформить страницу, которая должна выглядеть как страница Facebook. Когда вы запустите код, вы увидите 4 раздела (О программе, Видео, Фотографии, Прозрачность страницы) слева. В разделе «О программе» в конце второго пункта вы увидите текст (Посмотреть больше), нажав на него. Пространство сверху и снизу раздела (О программе) настолько увеличилось, что страница стала неорганизованной. и текст не конвертировался из (Смотреть больше) в (Смотреть меньше). Вторая проблема, с которой я столкнулся, заключается в том, что страница не адаптивна.

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

Вот ссылка, по которой вы можете найти файл с кодом (Facebook Page.html) и все изображения/значки, использованные в этом проекте: https://drive.google.com/drive/folders/ ... sp=sharing