Как сделать адаптивную grid сетку?

Solevoy_2015, https://developer.mozilla.org/ru/docs/Web/CSS/flex-grow

Как сделать чтоб изображения в grid сетке уменьшались в размерах при сужении?

Overlord934,

Нужно чтоб картинки уменьшались при сужении ширины экрана.

Ну и что нужно написать, чтобы картинка была по размеру родителя?

Как сделать ромбообразную сетку?

1. Подложку градиентами.
Элементы гридом.

2. Элементы гридом, бордеры, rotate.
Внутренности поворачиваем в обратную сторону.

3. Фон svg
Элементы гридом

4. Всё SVG

Можно ли сократить повторяющийся css без доп класса?

[class^=border] {}
Тонкости использования селекторов атрибутов в CSS

Также есть селектор *,но лучше не надо для вложенных.

По разуму, класс бы выиграл.

Почему не подключается файл JS к файлу html?

NickUser, давайте начнем с простого.
Удалите из js файла, что там написано.
Напишите console.log("Вообще-то я явно подключился")

Потом приходите с новым вопросом и кодом в песочнице codepen.io
Пока её делаете, почините следующую проблему.

Как разместить строчные элементы в разные края блока?

Solevoy_2015, я же не спрашивала как это сделать флоатами.

Я спросила, как автор комментария собирался сделать это флексами или гридами и чтобы эта конструкция проходила переполнение.

Как спозиционировать так карточки?

Не видно зачем тут нужен абсолют.

Если можно на гридах или флексах

Можно.
Просто грид 2х2 и отступы. Или выравнивание внутри ячеек грида.
Или не 2х2, а 7х7.

Или аналогично флексами.

Что именно у вас не получилось?

Почему не могу клонировать репозиторий GitLab?

При клонировании репозитория через SSH спрашивает всегда пароль - вводил от аккаунта - ошибка -

Потому что он просит пароль от ключа, который вы сами поставили при его создании.

Как сделать чтоб изображения в grid сетке уменьшались в размерах при сужении?

Вместо px использовать fr.
Или другие относительные единицы измерения.

Как правильно прописать z-index чтобы плавающая форма перекрывала footer?

bassoon48,

За наводку спасибо - гляну

Прямая ссылка, кстати, есть в первом комментарии Вадима.

Safari iOS игнорирует любые отступы справа от последнего дочернего элемента в блоке с горизонтальным скроллом?

В принципе логичное поведение.
Можно попробовать заменить margin на псевдо.

content: '4';

Это сильно. Медаль за усидчивость. Надеюсь, её хватит и на 100 слайдов.
https://webref.ru/css/counter-reset

Как правильно прописать z-index чтобы плавающая форма перекрывала footer?

bassoon48, футеру понизить или убрать z-index, обертке main на том же уровне, что и футер - повысить до 1 (или больше чем у футера). Предварительно выяснить, зачем вам все эти 999. От гигантомании или это чем-то оправдано.

Чтобы разобраться что происходит и как работает z-index, гуглить про контекст наложения.

Как разместить строчные элементы в разные края блока?

Илья Салигжанов, покажите, пожалуйста, как вы это будете делать флексом или гридом?

Как сформировать верстку сотами, и расположить элементы по овальной окружности?

Шестиугольники: просто svg, clip-path, градиенты.

Расположение: гриды, абсолюты.

Что именно у вас не получилось?

Как на флексах прижать первую строку к левому краю, вторую к правому?

Если флекс колонками, то align-self: flex-end;
Или по любому, margin-left: auto
Если флекс оставить row, то суммарная ширина блоков должна быть больше 100%. Можно верхнему задать 100%.

Ну или вариант с text-align из комментария Сергея.

Либо гридами, а не флексами.

В голове не всё компилируется, а jsfiddle не работает в России без vpn ;)
Используйте, например, codepen.io

Как поменять цвет текста при выборе radio кнопки?

drtvader, пример есть у автора в вопросе, если в настройках песочницы поменять css на scss

Как правильно разметить такой блок?

Похоже на выдранный кусок макета.
Где-то ведь должна быть информация о том, кто "руковожу командой..."

И ваши сомнения разумны, это не заголовок, а просто выделенный дизайнером текст для привлечения внимания.
Значит, <p>

непонятно награды верстать таблицой или просто списком и в целом непонятно

Просто список?
Ну можно и просто списком.
Лучше подходят <table> или <dl>

чтобы несильно мудрить потом с флексами/гридами

Тут просто: не будете мудрить, не будет мудрёно ;)

Как поменять цвет текста при выборе radio кнопки?

стили в scss - такое чувство, что просто что-то не дописываю или пишу не туда

Во-первых, в песочнице вы пишете на scss, а говорите, что это css => ничего не работает вообще.
Нужно указать, что вы используете препроцессор.

Как поменять цвет текста при выборе radio кнопки?

Во-вторых, в коде нет ничего, что говорило бы сменить цвет текста.

Вам нужно либо label поставить после инпута либо обернуть текст в span и использовать соседние селекторы.
input:checked + label {}
input:checked + span {}

Как поменять цвет текста при выборе radio кнопки?

для input нельзя создать before

Можно, если задать ему appearance: none;

Онлайн css-минификатор без багов?

leeroyjenkins176, Вы знаете, тот, который я показала, был первым попавшимся в который я тыкнула. На первой странице Яндекса.