Froggyweb

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

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

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

wix tilda

странное отношение к курсам из сообщества.
На мой взгляд если курсы так себе - то развитие ускоряется 1,25 к примеру
если норм - то 2х
на хороших - в 3х

Да, в целом курсы пересказывают документацию, но....
Самостоятельно - это очень медленно, путаница что надо, что пока не стоит.
на всех курсах есть ментор, который будет тебя консультировать - это мега плюс.
Это ценный ресурс, который в целом оправдывает стоимость курсов.

самый простой способ wix и пр конструкторы, которые дают видимость свободы. И предоставляют стандартные блоки.
Или фриланс

Очень толстые рамки желтых квадратов. Не очень понятен их функционал. Для акцентов их слишком много и они очень активные
шрифт font-family: Banny; вообще мимо кассы

в данном варианте custom select например select2 или мне нравится formstyler оба требуют jQuery, наверняка уже и нативные варианты появились.

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

Так там все адаптивно. все разложено по вкладкам. Это стеб?

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

Во первых поставь метатег <base href="[[++site_url]]">
во вторых пути я бы указывал /assets/template/files/uploads/1690x1100.jpg

color: pink; для p это унаследованный стиль
color: green; - явно заданный
специфичность селекторов

Если на Jquery, то примерно так

$('a[href*="#"]').click(function(e) {
  const $target = $(this.hash);
  const topOffset = 100;
  if ($target.length) {
    e.preventDefault();
    $("html, body")
      .stop()
      .animate(
        {
          scrollTop: $target.offset().top - topOffset
        },
        900,
        "swing",
        function() {
          history.pushState(
            {},
            document.title,
            window.location.pathname + target
          );
          return false;
          // window.location.hash = target;
        }
      );
  }
});

да запросто
только файл писать не нужно. Пишем данные в Localstorage и при необходимости кидаем на бэк, который валидирует и пишет БД

Hover надо не на картинку ставить, а на обертку

overflow: hidden
большая книга css