Как рисуются такие связи между блоками на svg?

godsplane,

так к псевдо нет доступы из жс

Зато есть к кастомным для самого элемента или родителя.

Там и calc может хватить или тех же кастомных. Но мы не знаем ТЗ, откуда берутся блоки, их размеры, позиция и т.д.

Как рисуются такие связи между блоками на svg?

Нужно уметь рисовать SVG кодом. Начать можно отсюда css.yoksel.ru/svg-path

Это если вы уверены, в том, что в рисовании участвовал JS.

Хотя, если JS, то зачем тут SVG вместо обычных псевдо...

Как сделать сетку с элементами высота которых меняется в шахматном порядке?

Уточните, у вас там раскладка типа masonry, т.е. с произвольной высотой или всё таки повторяющаяся сетка?

Почему не видно картинки?

Ваш вопрос не имеет отношения ни к Bootstrap ни к VS Code.

Просто неверные пути к картинкам.

Читайте https://htmlacademy.ru/blog/html/links

Как скрыть границу блока?

zhrjnnrdzjj, в codepen я вижу просто черный экран.

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

wisgest, да, но в codepen он работает,можно ли из этого сделать вывод, что он задан?

Хотя, конечно, логично было бы попросить указать, как формируется письмо и чем открывается. И во всех ли случаях и сочетаниях ссылка не работает.

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

Должно работать.

Какой лучше использовать класс для модального окна бэм?

Допустим при использовании формы в модальном окне, ее часто называют modal__form - модальная форма
А вот если так modal-window__form, то получается: модальное окно форма.

Форма это с большой вероятностью блок.
Поэтому, какой она там элемент не так и важно.
Более того, возможно даже не важно, что это именно форма элемент модального окна. Вполне может быть какой-то просто __inner или __container и т.д.
modal__inner contact-form
или
modal__inner form form--contact-us

И в каких случаях лучше modal, а в каких лучше modal-window? Или без разницы?

modal-window лучше, когда вы неленивы и не экономите байтики.
Названия классов хорошо бы делать лаконичными и понятными.
Большинству понятно что происходит, когда они читаю класс modal.

Но я могу вас увести в ещё больший тупик. Хотите?
Если думать о том, что js может отвалиться и в этом случае мы должны показать все эти формочки в потоке, то этот ваш блок modal становится модификатором --modal.
;)

К чему это всё?
К тому, что БЭМ, да и любую другую систему нейминга, можно повернуть по очень разной логике.

Как сделать нестандартную раскладку?

frontAng, я не мастер angular, но по моим знаниям совсем не понятно как и почему angular противоречит masonry.

Есть скрипты делающие аналогичную раскладку из грид сетки.
Их вам тоже нельзя?

Как сделать нестандартную раскладку?

frontAng, про то, что меняется порядок я вроде сразу написала.
Но, нет, я неправа и columns вообще не подойдет, потому что nth-child без js вообще не вычислить.

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

swiper написан на чистом js

Не работает col offset, в чем причина?

WebMarsy, ну и где вы вообще подключаете хоть какие-то стили?

Не работает popup карточек товара. В чём проблема?

TtT RrR, ну и зачем вам в тегах CSS и HTML?

Не работает popup карточек товара. В чём проблема?

Вы уверены, что это проблема именно разметки и стилей?
Я нет.

Но начать имеет смысл с ошибок в консоли.

Не работает col offset, в чем причина?

В чем проблема, почему колонки никак не реагируют на отступы?

Из вашего кода не сделать вывода.
Например, не тот файл, не то подключили, не подключили, не умеете чистить или отключать кеш, масштаб в браузере не тот и media не там срабатывает и т.д.

У меня работают
https://codepen.io/AnnaSummer/pen/JjZROOx

На будущее: делайте песочницы, в которых видно проблему.
Во-первых, пока делаете, 80% начальных проблем решится.
Во-вторых, мы быстрее поймем в чем дело.

Как мне сделать такую же форму, как на этой картинке для сортировки зданий?

Михаил Flat, надо объяснять? Хорошо.

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

Но с таким кодом нет никакой гарантии, что так будет всюду и всегда, пока не будет включено в спеку (да и потом, как вы, наверное, знаете, не факт)

Также нет гарантии, что это навсегда останется в коде, что другой разработчик или даже линтер не исправит ошибку.

Я не возражаю против костылей в принципе.
Но псевдо элементарно переставляется в label (или в span, при желании оборачивать инпут в лейбл) и не вызывает никаких проблем.

А ещё, часто вопросы тут задают новички, которые несут этот код прямиком в портфолио и на собеседование. Чем сразу снижают себе баллы.

Как сделать нестандартную раскладку?

frontAng, пишите свой, раз чужие не подходят. Что ещё сказать...

Как сделать нестандартную раскладку?

frontAng, эмммм..
Может, погуглите?
А то как-то неловко.

Как сделать нестандартную раскладку?

frontAng, как это понять из вопроса? На скрине они явно одинаковые. А с запятыми и формулировками в комментариях вы не очень дружны.

Тогда вам помогут плагинчики типа masonry.
Либо css columns, если устроит порядок расположения элементов по столбцам.

Как сделать нестандартную раскладку?

frontAng, так ради бога.
Без сдвига можете сделать с одинаковой высотой?
Потом сделайте сдвиг.