Inline-block отображается в окне браузера не правильно, как исправить?

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

Поэтому, бросили верстать сетки инлайн-блоками и придумали флексы и гриды.
Чего и вам желаю.

Заодно и от calc избавитесь, а не только от пробела.

Как сделать linear-gradient бордеру?

У вас это скорее SVG.
И, похоже, ещё и дуга с динамической длиной.

Если без скругленных углов у дуги:
border-image не умеет работать со скруглениями.
Поэтому, делают псевдо размером больше, чем элемент с градиентной заливкой и располагают его под элементом. Элемент красят в цвет фона.

Или попробовать прилепить их (скругления) доп фонами радиальными градиентами или псевдо.

Как сделать linear-gradient бордеру?

DanielTonne, прям даже интересно, как вы с помощью border-image сделаете бордер со скруглениями

Gulp - как удалить шрифты из исходной папки после преобразования в Woff Woff2??

Anonimmus, в основном, так:
"ок, гугл, ttf to woff2 онлайн конвертер"
или
"ок, гугл, скачать шрифт FontName"

Как понять что знаешь язык программирования?

Можно ли обучаться только решая задачи из проекта Эйлера, или для этого нужно читать чтото ещё?

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

Сейчас у вас есть навык "умею читать" и он не имеет ничего общего со знанием языка, а ещё меньше с умением его применять.

Слушайте, я версткой занимаюсь дольше, чем вы живете на свете. Больше того, преподаю её. Это моя самая любимая тема из веб разработки. И тем не менее, знаю совсем не всё.

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

Открываете фриланс, читаете задания, выбираете, что понравится и делаете.

Gulp - как удалить шрифты из исходной папки после преобразования в Woff Woff2??

Получается что процесс пересборки шрифтов постоянно повторяется

Я для себя пришла к выводу, что проще один раз прогнать через онлайн конвертер (или просто скачать пак в woff2, если есть) и не парить себе мозг.

Смещается блок при масштабировании экрана, что делать?

Посредине имеется div размером текста внутри.
Мне нужно чтобы он не сдвигался когда я изменяю разрешение экрана. Сдвигается влево.

Значит, он не по середине.
Соответственно, его нужно поставить именно по середине, а не скажем, сдвигом в пикселях на как будто-то середину.

Но песочницу с кодом вы не прикрепили, поэтому кто ш его знает...

Существует ли графический редактор онлайн, в котором можно делать фотожабы (инструмент лассо, чтобы вырезать лицо и вставить его в другую фотку)?

Есть ли какой-то редактор онлайн

https://www.photopea.com/
https://pixlr.com/ru/editor/
и т.д. по запросу "фотошоп онлайн"

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

Частный случай вашего вопроса: https://qna.habr.com/q/1088262
А за вертикальное выравнивание в гридах отвечает align-items (не только это свойство, но тут подойдет оно)

Как скачать проект полностью с jsfiddle.net?

jsfiddle-downloader отлично мне сегодня помог

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

ambisinister One, ну теперь вы можете говорить, что вам нужен градиент из серого в ничто...
Надеюсь, вас правильно поймут.

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

ambisinister One,

Прозрачный цвет...

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

И для этого color: transparent тоже заодно самостоятельно придумайте лаконичную фразу. Если никак, то можете создать отдельный вопрос.

Прозрачность - это свойство, но никак не цвет)

Это значение свойств связанных с цветом. Если мы о CSS.
свойство: значение
цвет: какой

SVG нагружает процессор и страница лагает при скролле. Что делать?

ForSureN1, если разницы не заметит ни верстальщик ни его менеджер ни клиент, то ок, третий пункт прокатит.

Как реализовать разметку для слайдера?

В разметке объединяете в одну обертку там где по 2 картинки.
На мобилках задаете этой обертке display: contents.
Осилит ли это слайдер... зависит от слайдера.

Можете объединять не там где 2, а все 6 мелких в одну обертку.

Я бы выбрала первый вариант.

SVG нагружает процессор и страница лагает при скролле. Что делать?

ForSureN1,

да еще и не через bg

На скринах чётко видно, что эта SVG вставлена через bg.

какой смысл тогда ставить фоновую картинку в svg

Очевидно, из-за преимуществ SVG:
- Вес
- Одна картинка вместо набора PNG+WEBP и кучи media.
- Качество отрисовки. Наверное, мы все знаем различия растра от вектора.

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

Froggyweb, если указать эти значения в один фон, то градиента не будет ))))) А так, просто перебил и перебил.

SVG нагружает процессор и страница лагает при скролле. Что делать?

ForSureN1, Вы же не думаете, что я набрала с картинки его SVG и посмотрела, что там в ней конкретно?
Но врача в ней нет точно, это видно невооруженным глазом.

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

Вы можете определить градиент в сервисе https://www.colorzilla.com/gradient-editor/
Отдаете png, получаете css.

Либо вам нужно сменить теги на "дизайн" и переформулировать вопрос: как рисовать красивые градиенты (кстати, гуглится)

Вероятно, вам нужен снизу темный цвет, а поверх градиент из светлого в прозрачный.
А совсем не то, что сейчас в коде.
Либо градиент из одного непрозрачного в другой непрозрачный.

SVG нагружает процессор и страница лагает при скролле. Что делать?

Заменить на webp...

Как сверстать хедер шириной с заданный container?

Не всё понятно, что там у вас происходит.
Почему просто не задать два класса?

Сделать обёртку внутри .container и применять стили оформления уже к ней, в то время как header расположен на всю ширину экрана?

Вообще, это зависит от макета...