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

Свойство 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-иконки?

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

Как создать навигационную панель сверху в html и css?

Yukan Mukimura, ну это просто потому что пока не понимаете что происходит. А его отключение как раз таки прояснит некоторые моменты. Но выбор качества дело ваше.

Как создать навигационную панель сверху в html и css?

Yukan Mukimura,
1. Чтобы не мучиться, reset.css лучше как раз таки удалить. И сбрасывать только то, что не нужно и только там, где нужно.
2. Обычно в верстке не задают высоту. Просто потому что мы не знаем сколько будет контента.
3. Выложите свой неудавшийся пример на codepen.io
А также скрин как должно быть.

Я учу html css уже 3 месяца но навбар создать такой кошмар.

Да, пожалуй, для такой штуки хватило и бы одного месяца или даже поменьше. Хотя, конечно, интенсивность обучения может быть разной.

Как при свойстве overflow-x auto отобразить дочерний элемент над элементом?

Очевидно, сделать так, чтобы иконка была внутри блока, а не снаружи. Например, с помощью паддинга.
Вероятно, в этом случае можно будет заодно и избавится от абсолюта, расположив всё гридом.

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

https://developer.mozilla.org/en-US/docs/Web/CSS/a...

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

Clip-path и mask-image не подходят(

Почему?

От использования svg хотелось бы уйти..

Почему?

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

Как скопировать блок с сайта вместе с css и с работающей механикой?

Андрей Гильгенберг, кажется, её кто-то снял обратно