При нажатии на кнопку, открывался определенный блок?

Артем, тут речь о :hover шла

При нажатии на кнопку, открывался определенный блок?

Kalwin UA, в bootstrap же есть готовые компоненты для этого. Зачем изобретать велосипед?

Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

Andy Oker, а, ну да. Я увлекся и забыл про переполнение. С переполнением только position absolut для кнопки. Так что без JS думаю не обойтись. Надо вставлять замещающий кнопку элемент в DOM с её размерами и в нужном месте.

В CSS можно сделать просто логически симпатично. Как то так. Это самый надежный вариант

Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

Максимум вот так можно флексом

.items {
	display: flex;
	flex-wrap: wrap;
	max-width: 600px;
}
.item {
	padding: 10px;
	border: 1px solid #eee;
	flex: 1 1 max-content;
}
.button {
	padding: 10px;
	background-color: rgb(255, 208, 0);
	order: 1;
	margin-left: auto;
}

<div class="items">
           <div class="button">Показать еще</div>
           <div class="item">Lorem</div>
           <div class="item">Lorem</div>
           <div class="item">Lorem</div>
           <div class="item">Lorem ipsum dolor sit amet.</div>
           <div class="item">Lorem</div>
           <div class="item">Lorem, ipsum dolor.</div>
           <div class="item">Lorem</div>
           <div class="item">Lorem</div>
           <div class="item">Lorem, ipsum.</div>
           <div class="item">Lorem ipsum dolor, sit amet consectetur adipisicing.</div>
       </div>

На какой то ширине и в зависимости от контента кнопка все равно перескакивать будет.

Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

Andy Oker, c флексом тоже можно поиграться align-self, margin, order для кнопки.
Забейте код в песочницу. На пальцах не удобно ))

Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

Хотя, вот такая идея пришла - если всё сделать на гридах, то кнопке можно задать расположение в самой последней ячейке с помощью отрицательных значений для grid-column: -1/-2, grid-row: -1/-2

Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

Andy Oker, можно просто сделать красиво - чтобы items уходили в полупрозрачность под кнопку с помощью ::after

Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

Andy Oker, position absolute - единственное что можно сделать. Нет никакого способа чтобы items обтекали (учитывали) кнопку если она в абсолютной позиции

Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

Andy Oker, да

Как побороть схлопывание элементов Grid сетки?

Ankhena, display: contents замечательное свойство, если бы не Сафари, который всё еще пьет нашу кровь после смерти IE

Как расположить блок внутри flex бокса по центру?

Оберните всё в три колонки и работайте с ними.

<div class="header_wrapper">
            <div class="header_logo col-aside"></div> <!--для .col-aside -  flex: 0 0 ваше_значение; -->
            <div class="header_menu col-center"></div><!--для .col-center - flex: 1;  для блока .header_nav - margin: 0 auto;-->
            <div class="header_login col-aside"></div>
        </div>

Где искать верстальщиков в пару дизайнеру?

Дарья, ну вот и познакомьтесь со всеми здесь))

Можно добавить резиновую вёрстку к адаптивной на действующем сайте?

Alyona_IM, ну в большинстве случаев дизайнер и не требуется. Хотя зависит от того, есть ли чувство прекрасного у верстальщика. Лично в моей практике в 80% случаев предоставляют только десктоп макет. А адаптацию я делаю сам на свой вкус

Где искать верстальщиков в пару дизайнеру?

Дарья, а чем биржа отличается от пабликов и тем? Там так же могут пропасть ))

Как побороть схлопывание элементов Grid сетки?

Григорий, 1000 строк слишком много)). Не заморачивайтесь, flex да и всё

Как побороть схлопывание элементов Grid сетки?

Григорий, без кода помочь вам не возможно

Как позиционировать сайдбар?

Если нужен код - скину

Конечно нужен. С этого всегда надо начинать. И не просто скинуть, а в песочнице или ссылка на сайт

Как растянуть картинку на ширину блока указанным свойством padding?

Алексей Королёв, ну да, корректировки в точках остановки безусловно требуются

Как растянуть картинку на ширину блока указанным свойством padding?

Алексей Королёв, ну, конкретно в этом частном случае так (не меняя того что уже есть для img)

.img-fix p:nth-child(3) {
	margin: 0 -64px;
}

Я так понимаю, вы вставляете изображение через WYSIWYG редактор. Переключитесь в режим кода и добавьте тегу P в котором изображение, какой-то класс. Или это бывает в опциях самого редактора. Адаптируйте код под этот класс и используйте его везде. Я понимаю, что вы можете забыть это, или контент менеджер будет тупить. Но другого варианта нет.

Вернее есть - можно переопределить весь лайоут, сделать его на всю ширину и добавить отступы для всех детей кроме img. Тогда придется следить чтобы img не попадал в P. Но это тот еще костыль

Почему при transform: translate(-50%, -50%) блока, в этом блоке пикселя размывает?

Андрей, у модалки же наверняка есть overlay? Используй его как родительский контейнер для модалки. Именно ему задавай position fixed и т.д. А саму модалку выровняй флексом вместо transform translate. Это стандартный прием для таких вещей, transform translate - это костыль в данном случае