Froggyweb

наиболее адекватное решение из того что видел https://github.com/jackocnr/intl-tel-input

Предлагаю Angular там есть компонент

Ну вот к примеру, но это библиотека :) и если я правильно понял о чем ты вообще https://github.com/zalog/placeholder-loading

Непонятно что за плагин и что он делает
Для обновления страницы во время разработки можно использовать VSCode LiveServer https://marketplace.visualstudio.com/items?itemNam...
или https://browsersync.io/ что лучше даже

.slick-dots li:only-child {
  display: none;
}

В шаблоне вызывается сниппет
вот руководство

.item img {align-self: flex-start;}

Сделать паддинг у блока с overflow: hidden

Лучше использовать webpack для js можно и с галпом
https://vivasart.com/lab/ispolzovanie-webpack-sovm...

ну как бы js переключает класс show или active в твоем кейсе так

// plugins: [
  //   new webpack.ProvidePlugin({
  //     $: "jquery",
  //     jQuery: "jquery",
  //     "window.jQuery": "jquery",
  //     "window.$": "jquery",
  //   }),
  // ],

нет

как вариант
display: fixed, но поведение другое

Каждый, кто напишет пример проекта по моему описанию, получает лайк

Жалко смайлов нет :(
Github в тэгах зачем?
Ну норм проект это соцсеть уровня FB обычно или магазин типа Ozon. на курсах обычно это и разрабатывают

justify-content: space-between - 'это про равные расстояния между блоками внутри флекса, а не по центру обертки

У картинки нет псевдоэлементов.
да и изображение лучше заворачивать в обертку почти всегда. появляется больше вариантов для манипуляций.
использовать пустой див ну это за гранью....