Ролан

у меня к вам вопрос, после того как я задал анимацию в 2 сек, перестали меняться надписи в кнопке с "подробнее" на "скрыть" и в обратном порядке тоже, что делать?

$(this).siblings(full).toggle(200);

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

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

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

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

Поместить картинку и текст в див с классом clearfix, далее дать картинке и тексту по диву и задать им float:left;

Знаю что сейчас приветствуется flexbox но пока не изучал.

В 05.06.2017 в 03:08, Даниил Виттманн сказал:

https://jsfiddle.net/Wittmann/v17cav79/ . Есть еще вариант на css с помощью checkbox`ов, если интересует обращайтесь.

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

<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, при этом постов много на странице а при нажатии действия должны происходить лишь с тем постом на котором была нажата кнопка "Подробнее", может кто подсказать как решить эту задачу? или хотя бы дать пару советов

(подробнее можно разглядеть все на изображении)