Как работает CSS GRID?

Но если мы эту ячейку растянем на максимальное кол-во ячеек по ширине, то они сжимаются, хотя у них установлен минимальный размер, не пойму как это работает

Непонятно написано. В примере видно, что один элемент занимает полную ширину и ничего вроде не сжимается.

Как сделать, чтобы при раскрытии гамбургер-меню, контент под ним смещался вниз?

Алексей Каратеев, вставьте свой код в какой-нибудь CodePen и посмотрите, что получается

Как сделать, чтобы при раскрытии гамбургер-меню, контент под ним смещался вниз?

Дайте посмотреть код.
Как по фотографии определить проблему?

Как сформировать сетку 3 х 3 блоков любым способ с помощью CSS?

Из вопроса непонятно, что именно у Вас не получается.
На CodePen вроде как раз то, что Вам нужно

Как работает CSS GRID?

stpnov , выложите пример кода на CodePen, чтобы можно было пощупать

Зачем нужен flex-shrink и flex-grow, если есть процентный width и min-width?

Жук, например, в той же ситуации, что описана во втором пункте - изменение главной оси

Как создать такую конструкцию на css grid?

1ss1za , если помогло, можете пометить ответ решением

Как сделать наложить такой бэкграунд с дугой слева?

poylar123, обновил код на CodePen. Нужно подобрать ширину и высоту эллипса для каждого слоя. Я на глаз это сделать не могу. Подберите исходя из макета.

Как убрать лишению длину в таблице css или другим способом?

KodeKod, существуют определенные проблемы в работе свойства overflow: hidden в таблицах.

Чтобы оно заработало в таблице, нужно самой таблице <table> задать свойство table-layout:fixed; и явно задать ширину, например width: 100%;

Ячейкам также придется выставить явно размеры.

Пример
https://codepen.io/hisbvdis/pen/PoYNqOp

Почему не отображаются иконки?

Максим Головлёв,

Ваш вопрос решен - иконки отображаются.

А верстка выглядит так, как свёрстано. Текст находится в другом элементе, поэтому отображается под иконкой.

Почему не отображаются иконки?

Максим Головлёв, размер элемента, которому Вы пытаетесь на фон поставить иконку, равен 0 по высоте и ширине. Поэтому и не видно.

Почему не отображаются иконки?

Максим Головлёв, трудно сказать, не имея в наличии самих иконок.
Вы не задали "background-size" и "background-position".
Может из-за этого иконки находятся за границами области видимости.
Попробуйте задать:

background-size: 100%;
background-position: center;

Реально ли сверстать такое меню?

Xdevelx, да, согласен. Убрал

Как сделать перенос блоков?

fruneen, в коде выставлено, что для всех блоков с этим классом применять анимацию.
А вот задержку анимации нужно подстраивать

Как сделать, чтобы квадраты пропадали при наведении?

Разместите фрагмент кода на https://codepen.io/pen/, чтобы можно было на Вашем примере поискать решение

Как разместить несколько YouTube-плееров рядом (по горизонтали) с сохранением пропорций?

Евгений Костин,
1) На второй карточке расположен рядом и потому не скрывается на небольших экранах

Скриншот

2) Но на первой карточке он вложен и наверное, потому скрывается на небольших экранах

Скриншот

Как разместить несколько YouTube-плееров рядом (по горизонтали) с сохранением пропорций?

Увы, снова не всё понятно.

несмотря на то, что в инспекторе видно, что не скрыт — не виден на странице

Это Вы про блок c-product-page__responsive-content?
Если да, то он же вложен внутрь элемента c-product-page__content, который скрывается, заодно скрывая все дочерние элементы.

Как разместить несколько YouTube-плееров рядом (по горизонтали) с сохранением пропорций?

Евгений Костин, не уверен, правильно ли понял вопрос.

Задано правило, что при ширине экрана меньше 1299px, блок .c-product-page__content, включающий в себя другие блоки, скрывается

Как сделать чтобы placeholder был сверху поля ввода?

Выложите на https://codepen.io/pen/ свой фрагмент кода, чтобы посмотреть, как у Вас получается и на Вашем примере попробовать найти решение

Ширина дочерних блоков от их содержимого, как сделать?

Выложенный Вами код вообще не соответствует изображениям.
Подправьте пожалуйста, чтобы было с чем работать.
Можете заодно на https://codepen.io/pen/ выложить, чтобы смогли увидеть, что выглядит так, как нужно