Ролан

у меня к вам вопрос, после того как я задал анимацию в 2 сек, перестали меняться надписи в кнопке с "подробнее" на "скрыть" и в обратном порядке тоже, что делать? $(this).siblings(full).toggle(200);

Не думаю что лучшая практика верстать inline block'ами

Посмотрите в какой блок обернут контент, (скорее всего там есть центровщик) после того как найдёте, оберните таким же контент хедера

Попробуйте задать изображениям свойство max-width, и по уменьшать свойство font-size при смене ширины окна

Текст без единого пробела вылезает за рамки, таков html

Поместить картинку и текст в див с классом clearfix, далее дать картинке и тексту по диву и задать им float:left; Знаю что сейчас приветствуется flexbox но пока не изучал.

Огромное спасибо!)

<div class="wrap" id="post_1"> <div class="post"> <div class="post-header"> <h2 class="post-name">Заголовок</h2> </div> <div class="post-content-desc"> <p class="content-desc-p">краткое описание статьи</p> </div> <div class="post-content" style="display:none;"> <p class="content-p">полный текст статьи</p> </div> <a href="" class="content-desc-button">Подробнее..</a> </div> </div> задача, нужно при нажатии на кнопку "Подробнее" скрыть див с классом post-content-desc, и открыть див с классом post-content, при этом постов много на странице а при нажатии действия должны происходить лишь с тем постом на котором была нажата кнопка "Подробнее", может кто подсказать как решить эту задачу? или хотя бы дать пару советов (подробнее можно разглядеть все на изображении)