Какой тег html является ни чем?

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

p.s. что-то в вашем вопросе и его тексте нужно переформулировать, пока там есть противоречия.
Может быть, имеет смысл вернуться на шаг (или несколько) назад, к тому решению, которое вас привело к текущему состоянию, может быть там найдется более гармоничное решение.

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

Роман, изучать верстку по книгам - близко к безнадежно. Разве что как справочник, но зачем при наличии MDN, Доки, просто гугла и т.д.

Начните с интерактивных тренажеров HTML Academy, уже будет полегче.

Тегов content и sidebar не существует.
Меню верстается с помощью тегов nav и списка внутри.

Простейшая страница на гридах https://codepen.io/AnnaSummer/pen/gOvbEdB
Простейшая страница на гридах и флексах с каталогом https://codepen.io/AnnaSummer/pen/ExQNLLM

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

Где и что я делаю не так?

Тут может оказаться немножко обидно, но извините, цели такой не было.
Начать с того, что забыли нарисовать, а как это должно выглядеть на разных вьюпортах. Можно не рисовать, можно понять в голове.
А потом используете теги, которых не существует и приемы, которые устарели 100 лет назад (правда и 100 лет назад не было нужды делать такое меню, как у вас, с помощью карты изображений).

Может быть, какие-нибудь хотя бы простенькие курсы на ютубчике посмотреть?
Начать с основ, теги, атрибуты, стили, свойства и их значения. Поток, позиционирование и т.д. по порядку.
Потом переходить к адаптиву, единицы измерения всякие поизучать, каскад со специфичностью потрогать. С вендорными префиксами разобраться, зачем они, кому и когда нужны (флексам не нужны уже заметно давно)
Чтобы не писать display: flex просто потому что все пишут.

margin-left: 580px;
margin-top: -575px;

Это, наверное, работает конкретно в вашем браузере на конкретном вьюпорте, но подстраиваться ни подо что не станет.

Плавное появлении в линию с лева на права, как реализовать?

Антон Вебсайтовский, ёлки, ну очевидно же, что из минуса до нуля. Раз нормальное положение в нуле. Это не верстка, а 5 класс школы.

Почему пагинация в swiper отображается некорректно?

crack_user, ну да, ещё базовые стили свайпера, которые, конечно, все знают наизусть и что-то ещё, что скрывает ваши кнопки.

Убрал opacity: 1; ничего не поменялось.

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

Можно попробовать убрать dynamicBullets. Или может быть вторая точка крошечная. Но можно долго гадать вместо того, чтобы просто тыкнуть в девтулз и посмотреть её там в принципе нет или почему-то не видна.

Почему пагинация в swiper отображается некорректно?

/* Убираем прозрачность */

Вот это самое подозрительное место.
Остальное можно узнать только в песочнице, кода недостаточно.

Как это повторить на html&css?

Сохранить как png (webp, avif).
Сохранить как svg нужный слой или разобраться с размерами.
Сохранить как svg саму форму, блюр делать стилями (дорогое удовольствие для браузера).
Рисовать радиальными градиентами. В данном случае совсем точно так не выйдет, но пользователю скорее всего пойдет.

Как реализовать анимацию линии?

В зависимости от того, чем сделана линия.
Можно анимировать её width или позицию градиентного фона или что-нибудь ещё.
Или svg.

Почему нету возможности отключить комментарии к вопросу?

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

То, что спрашивающий не всегда в состоянии воспринять даже ответ, а не только комментарий, это совершенно нормально и логично.

Кроме того, ответы нужны не только тому, кто написал вопрос, но и другим людям с аналогичными сложностями, которые его просто нагуглят. Так что нет смысла воспринимать всё на свой счет. Если ответ или комментарий не подходит под ваше видение проблемы, поблагодарите или промолчите и ждите подходящий. Если таких много, то, возможно, стоит переформулировать вопрос или внести в него дополнительную информацию, чтобы сообщество стало воспринимать его по-другому.

Какие настройки нужно добавить в settings.json Visual Studio Code, чтобы отключить любую помощь в написании кода?

Обучению всё это никак не должно мешать, даже скорее наоборот.
Да и зачем вам тогда VS Code? Пишите в блокноте.

Расположение блоков по 2 в ряд один за другим без пустого места?

rootnoroot, тем не менее, когда известно кто в какую колонку должен попасть, вопрос вообще не возникает.

Расположение блоков по 2 в ряд один за другим без пустого места?

Что с этой системой не так?

Ещё раз: где песочница с кодом?
Но да, columns распределяет блоки автоматически, как умеет.

Если нужно, чтобы выше был всегда левый столбец, то потребуется JS.

И то, что вы написали не ответ, а уточнение к вопросу. Отредактируйте вопрос, добавьте ссылку на песочницу с кодом, иллюстрирующим проблему.

Расположение блоков по 2 в ряд один за другим без пустого места?

rootnoroot,

с columns каким образом ты отрегулируешь количество блоков? если слева нужно 4 а справа1,2. и какой блок будлет слева, какой справа

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

Вопрос возникает, когда количество блоков и/или их содержимое неизвестно.

Расположение блоков по 2 в ряд один за другим без пустого места?

Александр Максимов, какой ещё флоат?
И где песочница с кодом?

Расположение блоков по 2 в ряд один за другим без пустого места?

rootnoroot в css сто лет существует свойство columns.
Так что делать лишние нелогичные обертки совсем не нужно.

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

Мне кажется в space-between, но как убрать

Да, в нём.
В каком смысле "но как убрать"? Прям так, взять и стереть.
Может быть, для вашей истинной цели поможет flex-grow?
Или гриды с их auto-fiil (auto-fit) и minmax?

Как высчитать и собрать сетку галереи, без лишних пробелов?

aliaksandr-go,

да я понял, но логика может какая есть, построение какое. Просто темплейтов полно, бэк рандомно их выдаёт и по этому не так просто подставить

В смысле вы хотите самостоятельно рассчитывать, а не воспользоваться готовыми решениями?
Но при этом даже не представляете с чего начать считать?
Варианта два:
Если нужно именно решение и быстрое, то всё таки использовать готовый скрипт, в котором уже всё посчитали.
Если хотите долго и самостоятельно, то я бы начала всё равно с любого из плагинов и стала бы смотреть как в итоге располагаются разные наборы картинок. Дальнейшее зависит насколько важны исходные пропорции и размеры. И насколько они исходно разнообразные. В некоторых случаях задача не будет иметь решения.

Как высчитать и собрать сетку галереи, без лишних пробелов?

Гуглите плагины типа masonry

Как сбросить кэш для файлов?

IIIu6ko, попробую спросить

Как сбросить кэш для файлов?

IIIu6ko, не моя статья