Конвертация шрифтов через Gulp-fonter, не создается папка и не перекидываются файлы?

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

Как залить сайт на GitHub чтобы не пропадали картинки?

Сравните:
Путь, который у вас получился в браузере

https://pologenki.github.io/Start%20My%20Projects/2.ActiveBox%20Project/img/layers.png

Путь, по которому картинка открывается в реальности: https://pologenki.github.io/Test-4-/img/layers.png

Пишите относительные ссылки
Абсолютные и относительные ссылки

Перестаньте по-дурацки называть папки и файлы (с пробелами, скобками, русскими символами и т.д.) - вам же будет проще жить.

Почитайте про .gitignore. В гитхаб не должны попадать папки типа node_modules и .vscode.
Папку .vscode хорошо бы засунуть в глобальный системный гитигнор, а не указывать в .gitignore проекта.

Как будет лучше написать проект в портфолио, на чистом php или фреймворке?

Под разные вакансии можно показывать разные комплекты проектов ;)

Details и summary, как при клике не раскрывать, а переходить в раздел и там раскрывать?

open
Данный логический атрибут указывает, будет ли дополнительная информация отображаться пользователю при загрузке страницы. По умолчанию установлено значение false, поэтому дополнительная информация будет скрыта.

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

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

SuperToster,
Как отличить контентное изображение от декоративного

Тут можно повернуть в обе стороны.
1. Считать, что изображения контентными, потому что на них изображен товар из новой коллекции. Если они пропадут, то и часть смысла тоже.
Тогда делаем эти три блока в обертке (тоже можно по-разному, например, 3 figure в div или даже section; или ul), вставляем img, задаем object-fit.
2. Считать, что это украшение, потому что сами товары представлены ниже уже конкретно.
Тогда добавляем их стилями.

Мусор это те теги без которых можно обойтись. Это если не углубляться в семантику, откуда вообще и зачем взялся HTML, его развитие, в частности переходы из 3 версии в 4 и затем в 5 и подобное.
Если хочется сделать пустой тег, то с большой долей вероятности вы делаете что-то не то. Исключения бывают при каком-то сильно навороченном дизайне (когда не хватает двух псевдо), сложных анимациях (но скорее там уже будет SVG), тег подготовлен для дальнейшего вывода в него информации с помощью JS (<output> и не только).

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

Начать нужно с самого начала: со школьной геометрии и пропорций.

Если высота будет на всю высоту окна, а ширина каждой картинки 33%, то при изменении пропорций окна либо будет отступ либо что-то где-то обрежется либо некрасиво растянется/сожмется.

Конкретно про ваш вопрос: высота картинок на всю высоту блока это 100%. Либо прямо 100vh.
Только результат вам скорее всего не понравится по причинам описанным выше.

Т.е. перед тем как этот блок делать адаптивным, нужно понять как эти картинки должны себя вести. Можете нарисовать. При таких-то пропорциях будет так, при других вот так, а если повернуть монитор, то заменим картинки.

Вариант слить в одну картинку на первый взгляд кажется хорошим, но проблемы не решит.
cover обрежет правую и левую девушек или окончательно лишит головы среднюю.
contain оставит свободное место
100% по ширине либо обрежет либо оставит место
100% по высоте - симметрично 100% по ширине.

Можно подумать вот о чем: картинки-фотки новой коллекции скорее всего контентные.
И тогда задача упрощается до 3х блоков и object-fit для каждой картинки.
Получим немного больший простор для манипуляций.

Идея делать картинки фоном, но с помощью трех пустых блоков в обертке - далеко не лучшая - дает только мусор в разметке.

Как убрать "прыжок" сайта при открытии инструментов разработчика?

Сейчас вы разместили контент по центру окна.
Окно уменьшается - инпуты сдвигаются.

Если вы зададите фикс или ограниченный отступ, то прыжка не будет.

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

Алексей Королёв, при том, что солнце и луна это фоны или фоны псевдо.
Соответственно, поменяли класс, поменялся фон.

Вам Frightful Behemoth дал исчерпывающий ответ.
Там только стили нужно подправить (лишний флекс и relative убрать и расположить по макету)

Как при помощи css сделать вертикальное центрирование изображения (svg) в контейнере li?

Все способы мира

Правильно ли задавать так отступ?

oksanatkachik094, его и раньше не стоило использовать.

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

А без дополнительных блоков можно ли это сделать?

Да, так и делать.
Просто по 2 элемента в ряду. И задайте им ширину.

Либо гридом в 2 столбца, ещё проще.

Покажите что именно у вас не получилось в песочнице типа codepen.io

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

Если убрать span в первом варианте, и использовать псевдоэлементы, то будет шикарно.

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

Давайте разделим вопросы:
У вас не работает смена темы
или вы не знаете как фон поменять для элементов с разными классами?

Какие есть способы сделать так, что бы фоновое изображение на разных расширениях было разное?

mukzer, разные классы ставьте на разных страницах.
А для разных размеров вьюпорта используйте @media

Как правильно писать ссылки с нотацией #?

kyzinatra, всё понятно, не заметила, что текст в ссылке.
Но вы не показали, что пишете в ссылке. Только оберните в <code></code>

Как правильно писать ссылки с нотацией #?

id хоть поставили в том месте куда прыгать?

Покажите как пробовали.

Как изменить буллеты в swiper slider на картинки?

denpsix8,

Вот иди сделай

Что вы несете?
Это стандартная функциональность свайпера..

Как изменить буллеты в swiper slider на картинки?

Внезапно..

Не работает код SASS и CSS адаптив?

Hanami Mirai, для SASS ничего кроме его документации не нужно.

Ваша проблема вызвана именно непониманием происходящего в CSS.
Почитайте про
https://css-live.ru/css/nikto-ne-znaet-css-specifi...
https://css-live.ru/css/pravilnaya-shpargalka-po-c...
https://developer.mozilla.org/ru/docs/Web/CSS/Spec...

Есть ещё статейка, я всегда сразу говорю, что далеко не со всем в ней согласна, да и возраст у неё уже приличный, но заставит задуматься https://csswizardry.com/2012/11/code-smells-in-css/
Например, подумайте, зачем вы задали display:flex для 768, а потом переопределили его снова на display:flex для 425.

И это до кучи: Критерии качества вёрстки 2021

Дальше, надеюсь, само пойдет :)
Удачи и успехов в изучении.

Не работает код SASS и CSS адаптив?

Hanami Mirai,

если вы имеете годный материал по изучению sass

Начните с CSS.
И заведите привычку заглядывать в скомпилированный CSS пока не начнете понимать, что вообще происходит.
Следите, чтобы там не получалось такой порнушки как сейчас.