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

Как-то так

Как на одном холсте вывести несколько графиков с независимыми координатами по оси X?

Требуется на один холст вывести два, например линейных графика, у которых будут различны как координаты Y, так и координаты Х.

Боюсь спросить что таким образом можно сравнить...

Но вы можете просто наложить один график на другой, например, гридом или абсолютом (это похуже).

Как прижать кнопку к низу блока div?

Карточке флекс колонками.
Кнопке margin-top: auto
Для такого варианта не нужны лишние обертки, как в варианте со space-between.

Можно гридами.

Только, пожалуйста, не абсолютом.

Как использовать инлайн-свг в CSS?

imko, если передается один раз в :root, то получает плюс спрайта: грузится один раз, складывается в кэш и переиспользуется в нужных классах.

Как использовать инлайн-свг в CSS?

imko, вариант засунуть свгшки в кастомки есть? И дальше их в маски.
Только да, в base64

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

clip-path

Как использовать инлайн-свг в CSS?

imko, вот только что в комментариях к соседнему вопросу писала про использование стеков (спрайтов из svg) в css https://qna.habr.com/q/1288006

Видна только часть иконки. Как можно исправить?

Илья,

т.е лучше vievBox прописывать в каждом symbol?

да, именно так.

Как лучше чтобы прям совсем хорошо, я писала в первом комментарии
https://telegra.ph/Stack--sprajt-zdorovogo-chelove...
https://demos.frontend-design.ru/sprite/src/

Видна только часть иконки. Как можно исправить?

modelair, я хотела лаконично, если восприняли как резко, прошу прощения.

Видна только часть иконки. Как можно исправить?

modelair, редкость зависит от вашего окружения (в том числе и виртуального, как например, Тостер). Делает оно так или нет. Т.е. субъективная оценка.
Достаточно найти тему сторонников верстки в rem и редко превратится в часто :)

Видна только часть иконки. Как можно исправить?

modelair,

просто конструкции такие непривычно видеть.

Обычный миксин для перевода в rem.

Илья, в спрайте потерян viewbox. Вернете всё заработает.

p.s. сейчас удобнее использовать стеки, т.е. спрайты состоящие из svg, а не из symbol.
Плюс в том, что можно использовать
- в use
- в img
- как background
- как mask (идеальный вариант для меняющих цвет иконок на данный момент)
- как content в псевдо (неудобный вариант, плохо контролируемые размеры)

Используя 3 или 4 вариант, вы получите чистенькую разметку:

<a href="tel:[phone]" class="phone-number footer__phone-number">
    <span class="phone-number__text">8 800 903 90 90</span>
</a>

В номерах телефонов нет переносов и если нет необходимости выделять какие-то части, то и этот span можно убрать. Но для единообразия можно и оставить.

Html background-img поверх head background-img для grid?

Если бы вы сделали песочницу на codepen.io с видимой проблемой, то помощь пришла бы быстрее.
Ну или хотя бы опубликовали весь код, который касается текущей проблемы.
Сейчас, ваше описание про что-то поверх head вызывает лишь странные эпитеты. Для head, конечно, тоже можно позадавать некоторые css свойства, но тут к эпитетам добавятся еще и вопросы.

Сделаете, позовите

Как доработать кружок?

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

Как доработать кружок?

1. Взять SVG
2. css.yoksel.ru/radial-gradients
css.yoksel.ru/linear-gradients
3. https://doka.guide/css/box-shadow/

По дороге подумать, зачем для центрирования абсолют.

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

https://habr.com/ru/articles/329820/
или аналогично гридами

Как подключить fontawecome в gulp проект?

I_want_to_know,

если подключу fontawecome через npm i font-awesome как в этом случае, начать пользоваться им?

Аналогично. Только поменяете путь

Что вы имеете ввиду про svg stack и mask

Стек это спрайт не из symbol, а из svg.
Mask это css свойство делающее маски
https://codepen.io/noahblon/post/coloring-svgs-in-...

Как подключить fontawecome в gulp проект?

как прикрутить скаченный fontawecome.

Так импортировать как любой другой файл стилей.
Я понимаю, вы бы спрашивали что делать, если устанавливаете его как пакет.

p.s. в современном мире переходят на вставку иконок через svg stack и mask.

Что можно смотреть/слушать во время учёбы?

А что бы вы еще могли посоветовать подобное по собственному опыту?

Я бы посоветовала при изучении нового материала заниматься его изучением, а не отвлекать мозг на что-то ещё.

но сложно себя заставить

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

Как сделать анимацию слева направо?

Либо переставить значения bg position так, как вам нужно. Не от 0 до 100, а от 100 до 0.
Либо изменить направление анимации на reverse

Почему появляется скролл, при уменьшении line-height?

Kolya112151, это как раз не странно, а очень даже нормально.
Потому что прокрутка появляется не из-за line-height.