Как написать один блок(нужна помощь новичку )?

vadin322, ау?

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

Alius999, аккуратнее с %, чтобы при адаптиве и переполнении не уехало всё.

Как работать c CSS стилями?

На проде все в один файл.

Для разработки - по блокам (БЭМ или близко к тому) и файлы с общими стилями и настройками (общие переменные и миксины, общие стили, шрифты)

Можно ли улучшить мой способ работы с SVG-пиктограммами?

Иконки одноцветные или нет?

Для одноцветных есть фильтры и маски.

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

Как поменять цвет у svg sprite?

Dmitriy,

можно ли как нибудб перебить эти стили

Вы же сами только что пробовали ;)

а то вручную постоянно это делать не охото

SVGO вам в помощь.
В плагинах для сборки спрайтов тоже полно настроек.

Как поменять цвет у svg sprite?

У вас же fill инлайном задан, уберите.

Почему не запускается код?

zingerrrr, ок, и где у вас эта var sass = require('gulp-sass')(require('sass')); строка?

Да ведь вам терминал в ошибке всё пишет.
Написали, что для 5го sass нужно по-другому писать require, вы вместо этого добавляете лишнюю строку про fileinclude? Где логика?

Почему не запускается код?

Ну так и зачем вы пишете эту строку второй раз?

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

Vova135798, так https://jsfiddle.net/zqr0x8b1/
Сейчас там вместо скролла будет белая полоса, можете адаптировать как вам хочется.

И на будущее: всегда показывайте код в песочнице. Лучше jsfiddle.net, потому что там не нужна регистрация, чтобы сохранять фидлы.

Нужно ли при добавлении семейства шрифтов с помощью @font-face указывать значения по умолчанию для font-weight и font-style?

FrelFrloich, эммм... загрузка вообще не при чем. В роуминге денюшки актуальнее. И идут они не вам, что самое обидное.

Чем плохо глобальное обнуление отступов я уже писала конкретно вам.
Статью про говнокод тоже давала (повторю, читать её нужно аккуратно и не бросаться исполнять, а подходить с разумом)
Про актуальность нормалайз для современных браузеров писала в других своих ответах - ищется поисковиком.

Так что повторять всё этот тут не имеет смысла.
Вы в своих проектах можете делать что вам больше нравится.

А этот вопрос вообще не про сброс стилей.

Так что оставим эту тему в стороне.

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

FrelFrloich,
Категоричности там не было ни разу, автор вопроса может использовать любой из вариантов, а также их комбо или что-то ещё своё.

Нужно ли при добавлении семейства шрифтов с помощью @font-face указывать значения по умолчанию для font-weight и font-style?

FrelFrloich,

Да грустно, наверное тем кто их не сбрасывает.

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

Человек в ответе, который вы прокомментировали задал разную жирность разным заголовкам. (У него так всё равно ничего не заработает при его способе подключения, без указания ещё и названия шрифта, но не суть)

Почему sticky не липнет к низу страницы?

Ваш код с видимой проблемой оформите в песочницу на jsfiddle.net или аналоге.

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

FrelFrloich, да, вычислил, записал в кастомное, применил класс. Всё тот же класс, который накидывает overflow на body.
Закрыл модалку - снял класс с body.

.body-with-modal-opened {
  padding-right: var(--scroll-width);
  overflow: hidden;
}

Нужно ли при добавлении семейства шрифтов с помощью @font-face указывать значения по умолчанию для font-weight и font-style?

justlfm,

Нужно ли при добавлении семейства шрифтов с помощью @font-face указывать значения по умолчанию для font-weight и font-style?

Браузер ведь как-то должен узнать для какой жирности и для какого стиля вы выдали ему файл.
Вы ничего не укажете, а потом попросите написать италиком. А он нарисует вам нормалом. С жирностью аналогично. Т.е. поступит по своему разумению и даже, возможно, попадет, но зачем эти страдания...

Так что лучше второй вариант. Только пути к файлам разные. Надеюсь у вас одинаковые только для примера.

Нужно ли при добавлении семейства шрифтов с помощью @font-face указывать значения по умолчанию для font-weight и font-style?

FrelFrloich,

Мне одно непонятно из его реплики, для чего переопределять толщину шрифта, в макетах такого не встречается.

В смысле вы не знаете, почему заголовок h1 может иметь одну жирность, а h2 другую?

Почему при нажатии на любой элемент radio нажимается только третье и как сделать чтоб отжималось?

for у label должны соответствовать id у нужного inout. У вас все 3 for одинаковые и ведут на третий radio.

и как сделать чтоб отжималось?

radio не будут отжиматься в состояние не выбрано ничего.
Можете поменять на чекбоксы и запретить на js выбирать больше одного.

Как в SCSS в GULP написать арифметическое выражение?

Хорошо бы весь код, который вызвал ошибку. (Можете попробовать выложить его на codepen, там есть конвертер в css или потестировать тут https://cssportal.com/scss-to-css/ Возможно, скобка не закрыта где-то выше этого кода)
А также версию gulp-sass.

Ну и пробел между and и скобкой, но это для красоты.

p.s. лучше не -1px, а -0.02px
И я понимаю, если бы вы из переменной это вычитали, но из 830 можно 1px вычесть и самостоятельно.

Как перестроить блок?

vikas_web, да, можно max-content

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

FrelFrloich, через кастомные свойства это делается присвоением всё того же класса, в котором overflow.