Как убрать пустоту между блоками в grid?

Зачем вы хотите использовать грид, если грид не подходит для решения задачи?

Используйте css columns или скрипты типа masonry

Как сверстать такую секцию?

Семантика: либо dl либо li
Текст в dd
Дату в dt

Палка: псевдоэлемент или фоновый градиент или правый border всем кроме последнего
Кружки: псевдо хоть от даты, хоть от текста.

Как менять цвет фона по кнопке?

vittallyyaaa, с классом могут быть проблемы, если на элементе есть ещё классы или могут быть навешаны (а они могут, особенно если это body). Поэтому вариант удалить все классы и навесить нужный не очень хорошая идея.
А значит, лучше использовать data-

У кнопок тоже прописать data-
У кнопки получить - на body навесить.
Кнопки перебирать в цикле.

Как менять цвет фона по кнопке?

vittallyyaaa,

Если 2 кнопки то оно либо добавляет к боди условно active либо убирает, а как так провернуть с большим количеством кнопок?

Добавлять не active, а какой-то другой класс или data-атрибут. Тот, который будет отвечать за нужную цветовую схему.
А дальше всё тоже самое.

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

Поменять местами в разметке лого и меню. Использовать соседние селекторы.

Как после исполнения команды `Fetch origin` в `GitHub Desktop` вернуть локальные изменения в GitHub?

Дмитрий, это не IDE. Это Github Desktop

Как сделать чтобы блок был на всю высоту вьюпорта при любом разрешении?

Свойство overflow обрезает всё, что выпирает.
На мобилках не применится к body.

Как запретить сжатие блока по ширине при фиксированном позиционировании?

ymfront, вообще-то не тоже самое. Но Ок. И исходя из каких данных браузер должен решить, что ему делать?
Можете ставить неразрывные пробелы или по-другому запретить переносы. Сжать не сможет.

Как запретить сжатие блока по ширине при фиксированном позиционировании?

Задайте минимальную ширину...

Как сменить цвет темы gist и добавить кнопку копировать?

deddda, "javascript по клику на кнопку скопировать содержимое блока"

Как сменить цвет темы gist и добавить кнопку копировать?

deddda, так и задавать без особых затей: "github gist темная тема"

Как изменить размер изображения при наведении?

чтобы при наведении на элемент появлялся текст,

.text {display: none;}
.block:hover .text {display: block}

а картинка занимала только оставшееся свободное место, в зависимости от длинны текста?

Грид, object-fit и, по всей видимости абсолют для картинки внутри своего div или figure.

Как поменять цвет у svg если он выводится через content: url?

Выводить иконки через content крайне неудобно. В том числе не удобно и управление размерами.

Как можно поменять цвет:
1. Использовать иконку как mask, цвет меняется при помощи background-color
2. CSS фильтры (не очень легко для браузера)
3. SVG-стеки (не символьные спрайты, а стеки из svg). Внутри указываем цвет как currentColor или с помощью кастомных свойств CSS. Либо убираем fill из стека и задаем через CSS.
4. Инлайним SVG в разметку, меняем fill. Но стеки лучше.

Как в блоке "Спасибо что доверяете" сделать тень для каждого второго элемента и чтобы он был выше остальных блоков?

А вы уверены, что это именно каждый второй, а не активный слайд?
Я нет.
Собственно, сдвигаете активный (посмотрите класс) слайд (любым удобным способом, трансформ, margin, align-self и т.д.) и добавляете тень.

Почему eCSStractor не создает вложенность?

Как исправить ситуацию?

Нормально называть классы, чтобы они не требовали вложенности.
Например, БЭМ и иже с ним.

Вопрос по сетке адаптива @media на сколько уменьшать контейнер?

vei66, нужно оставить красивые отступы, чтобы контентнпя часть не прилипала к краям окна. Сколько это - зависит от макета, размера шрифта, элементов и общей гармоничности.
Пробуйте, смотрите, давайте смотреть другим.

Почему при 125% масштабе на ноутбуке не ровные радио?

Масштаб экрана или масштаб в браузере?
Масштаб экрана не должен бы давать такого эффекта.

Но ответ на вопрос почему: это потому что не делится нацело.

p.s. jsfiddle не работает в России, переложите на codepen.io

Вопрос по сетке адаптива @media на сколько уменьшать контейнер?

vei66,

я стараюсь делать абсолютно всё резиновым и использовать rem и не использую bootstrap

Вроде бы ваша табличка дала ответ на мой вопрос))) если планшет >992 то контейнер уменьшаю до 960 если телефон <768 то контейнер делаю 720 если маленький телефон то 540 !

Эти фразы противоречат друг другу.
Если резина, то это отступы, а не ширина.
Т.е. ширина тоже, но типа от 280 до 1880 или как там по макету выходит хорошо.

Как сделать свечение SVG-иконки?

shsv382, да, использовать drop-shadow

Как сделать свечение SVG-иконки?

Видимо, не вставлять масками