Адаптивный пикабу

/* Основные настройки ______________________________________________________________________________________________________ */

/* Замена шрифтов на старые, белый фон у сайта */
body,
.story__content {
    background-color: #fff;
    color: #444;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
}

/* Главные ссылки синего цвета с подчеркиванием */
a,
.link {
    text-decoration: underline;
    color: #5190b8;
}

/* У ссылок меню и кнопок строчные буквы и нет подчеркивания */
.header-menu__item a,
.story__title-link,
button,
.button {
    text-transform: none;
    text-decoration: none;
}

/* В заголовке кнопки  и текущий пункт меню белого цвета */
.header {
    color: white;
}

/* Неактивные пункты меню серого цвета */
.header-menu__item {
    color: #dadada;
}

/* У текущего пункта меню прописные буквы */
.header-menu__item_current a {
    text-transform: uppercase;
}

/* Черный цвет для выпадающих списков */
.sidebar-toggle__action,
.page-story__comments .section__right[data-role=order] {
    color: black;
}

/* Более бледный цвет для заголовков просмотренных постов */
.story__title-link_visited {
    color: #d6d6d6;
}

/* Старый цвет для меню, кнопок и остальной зеленки, которая перманентно на экране  */
.button_green,
.header__main,
.comment-toggle-children_collapse .comment-toggle-children__icon,
.comment__user[data-own-story=true] .user__nick,
.button-group_green > button,
.button-group_green > button:last-of-type,
.menu__item:before,
.comments-navigator__count {
    background-color: #79c36c;
}
.menu__item_current,
.menu__item:hover {
    color: #79c36c;
}

/* Серый цвет у фона поста, как в старые добрые (＠＾◡＾) */
.story__main,
.story__header,
.story-block,
.story__footer,
.story__content-inner {
    background-color: #fbfbfb;
}

/* Увеличение ширины контента, адаптив */
.app__inner {
    display: flex;
    padding-left: 130px;
    padding-right: 2%;
    max-width: 1600px;
}
.main {
    width: 80%;
}
.sidebar {
    margin-left: 20px;
    min-width: 243px;
    width: 20%;
}
.header__inner {
    max-width: 90%
}
/* .story-editor-navigator {
    margin-left: 20px;
} */
/* Выравнивание текста поста по ширине и отступ у всех его элементов */
.story-block {
    text-align: justify;
    padding: 0 25px;
}

/* Чуть меньше расстояние между строчками меню пользователя */
.menu_vertical {
    line-height: 1.8;
}

/* Секция комментариев ______________________________________________________________________________________________________ */

/* Секция комментариев без границы и на всю ширину колонки */
.comments_show {
    border: none;
    padding: 0px;
}

/* Но текст комментария не на всю ширину */
.page-story__comments p {
    max-width: 1000px;
}

/* Синий цвет у кнопок "Ответить" */
.button_link {
    color: #5190b8;
}

/* Чуть меньше размер аватаров в комментариях */
.avatar__inner {
    margin-top: 5%;
    width: 80%;
    height: 80%;
}

/* Квадратные аватарки */
.avatar img,
.avatar,
.avatar_note .avatar__inner,
.avatar__default {
    border-radius: 5%;
}

/* Стандартные аватарки в комментах не показываются */
.comments .avatar__default {
    display: none;
}

/* Линии сворачивания комментариев пунктирные и более тёмные */
.comment__children {
    border-left: dotted 1px #d8d8d8;
}

/* Линии и кнопки сворачивания комментариев при выделении синего цвета */
.comment-toggle-children_collapse .comment-toggle-children__icon,
.comment_collapsing-area > .comment-toggle-children > .comment-toggle-children__icon {
    background-color: #7aabca;
    border-color: #7aabca;
    color: white;
}
.comment-toggle-children:hover .comment-toggle-children__icon {
    border-color: #7aabca;
    color: #7aabca;
}
.comment_collapsing-area > .comment__children {
    border-color: #7aabca;
}

/* Жирный серый шрифт у ников и рейтинга комментариев */
.user__nick,
.comment__rating-count {
    color: #757575;
    font-weight: 600;
}

/* Фикс верхней границы поля ввода комментария */
.section-group > section {
    border-top-color: #e9e9e9;
}

/* Кнопка "Загрузить новые комментарии" вверху */
.comments-navigator__inner {
    top: 10px;
}

/* Секция ссылок справа не остается на экране при прокрутке */
.sidebar__inner_fixed {
    position: static;
}