Как сделать плавное появление блока на нативном JavaScript-е?

YavaDev, мне-то ни за чем.
Это вы пишете, что visibility прекрасно анимируется, чем вводите людей в заблуждение.
А я так, чисто узнать, за счет чего оно там собралось анимироваться.

Как сделать плавное появление блока на нативном JavaScript-е?

но зато очень хорошо анимируется opacity и visibility

И какие средние состояния visibility между hidden и visible?

Как перенести стрелки карусели c JavaScript?

У вас эти кнопки в разметке, а не генерируются js'ом.
Просто выньте их из контейнера.

я не знаю, как править javascript

Этой строчкой

_mainElement.querySelector('.tablet_slider__control_left')

стрелки ищутся внутри _mainElement
А вам нужно, чтобы внутри другой обертки.

P.S. Зачем вы городите разные слайдеры для разных размеров?

Посмотрите в сторону swiper.js.

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

Я сжимаю окно браузера, потом смотрю что получилось (ага что-то поехало или выглядит некрасиво) и пишу медиа запрос с max-width равным этому разрешению экрана.

Это нормально.
Но если вы начнете работать по принципу mobile-first, то будет проще.

Хотя в интернете смотрел там люди пишут по 4-6.

В ТЗ бывает и вообще всего 2 версии. И на всем что меньше ~1000 показывается мобилка 320.

Но если делать desktop-first резину, то может быть и больше 10ка. И это не должно вас смущать.

Почему кнопка для закрытия формы не работает?

Фёдор, через смену классов.
И хорошо бы не называть кнопки спанами.

Как сверстать такую форму?

Фёдор, да хоть градиентами. Вариантов-то полно.

Как убрать один div при нажатии на него и показать скрытый div jquery?

У вас незакрытые div в разметке.
И все работает даже так.
https://jsfiddle.net/no4dh7tr/

А что не работает у вас?

Почему кнопка для закрытия формы не работает?

Сложно сказать по куску кода.
Этот кусок кода кривой, но работающий.

Как сверстать такую форму?

transform skew
для текста на обратный угол

Хочу сверстать каталог товаров для интернет магазина как лучше это реализовать .Что лучше спомощью div и display:flex ,или через table?

Тегом table верстаются исключительно табличные данные. Вряд ли сетка товаров ими является.

=> список ul и флекс или грид

Почему, когда смотрю в режиме десктопа все работает, а когда нажимаю респонсив все перестает работать?

Иван Шашков, представьте, что есть люди с проблемами зрения или не очень ловкими или не очень маленькими пальчиками. А вы запретили увеличение. Смогут они посмотреть всё, что вы хотели или отправить заказ?

Почему, когда смотрю в режиме десктопа все работает, а когда нажимаю респонсив все перестает работать?

Только без вот этого maximum-scale=1, minimum-scale=1

Почему, когда смотрю в режиме десктопа все работает, а когда нажимаю респонсив все перестает работать?

но когда нажимаю так то работаеть?

Так это как?
Если "так" это как на скрине, то видно, что не работает, потому что есть огромная горизонтальная полоса прокрутки.

Начните с проверки наличия

<meta name="viewport" content="width=device-width,initial-scale=1">

Если он есть, то выкладывайте код в песочницу или публикуйте ссылку на сайт

Как в слик слайдере сделать так (скрин прилагаю)?

variableWidth: true

Как выставить блоки css grid?

Только зачем так много строк и столбцов?
Если идея в пропорциях, а не определять по контенту, то достаточно 3fr 1fr 3fr. А столбцы - 3шт по 1fr.

Как выставить блоки css grid?

Я же вам в прошлом вопросе Как сверстать такой блок с помощью гридов и возможно ли с помощью флексбокса? даже картинку нарисовала.

Не можете прочитать статьи про грид, хоть игрушку пройдите https://cssgridgarden.com/#ru

Например, так https://jsfiddle.net/2d6wuy1a/
Адаптируйте сами.

Нужно ли использовать разметку Open Graph в этом случае?

Михаил,

посторонние слова в Title

Откуда в site-name взялись посторонние слова?

Как правильно реализовать баннер, сворачивающийся по клику в маленькое окно?

1. При клике на кнопку добавляете класс баннеру.
2. Записать в localStorage и проверять. https://learn.javascript.ru/localstorage

Есть ли такой пример карусели?

Дмитрий Христоев, да, отлично! Я про это и говорила, только про свайпер, но это без разницы. Только что swiper более современный и без jq.

Как перенести span на следующую строку с помощью css?

Богдан Пономаренко,

мне нужно чтобы lineBreak был именно абсолютным

Зачем?

Абсолюту нужно добавить координаты и relative тому родителю относительно которого вы собрались его позиционировать.

В противном случае вы получите типа того https://jsfiddle.net/43egpv92/