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

Позиционируйте кнопку абсолютом (или гридом) в правый нижний угол. Псевдоэлементом перед ней добавьте многоточие.
Фоном задайте фон блока.
Следите за тем, чтобы ширина блока была больше, чем кнопка + многоточие + симпатичное расстояние, чтобы всё это не выглядело по-уродски.

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

разные варианты display пробовал. не получается.

Тут скрином делу не поможешь.
Сделайте песочницу с видимой проблемой на codepen.io и позовите.

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

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

И Сергей прав, если хотите, чтобы отвечающие из России смотрели песочницу, переходите на codepen.
Я перестала открывать jsfiddle спрашивающих.
Но дело ваше, конечно.

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

zFFF, не, разобраться-то в любом случае полезно. Может кто-то заметит ошибку.

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

zFFF, ведро экономит время, а этот плагин уже явно проиграл.

Конвертация шрифтов через 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>