По какой причине после выкладки на хостинг могут не показываться изображения?

solntsevam, вот такую штуку нашла https://github.com/jack-theripper/yandex
Не пробовала.

По-моему, проще хостинг докупить.

Как расположить карточки в ряд?

Константин,

еще вопрос. как прибить логотип и фотку телеграмма к правому и левому краю, чтобы их положение не зависело от размера экрана

Например, флексами и justify-content: space-between

Саму иконку делать псевдоэлементом.

Внутри ссылки на номер телефона не должно быть h5. Ведь вряд ли это заголовок.

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

Может есть примеры пожожие.

https://swiperjs.com/demos#vertical

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

SVG filter сильно нагружает процессор и тормозит жутко сайт, в чем может быть проблема?

Заменить на png

Как расположить карточки в ряд?

Константин,

фотки можете любые подставить

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

Разумно: карточки обернуть в список и этот список сделать гридом или флексом.

Как расположить карточки в ряд?

На ваш выбор гридами или флексами.

Что именно не получилось? Выложите код с тем, что вы делали на codepen.io

Как сделать такой background и как тут использовать border-radious и другие вещи?

Dorten, вы на полном серьезе думаете, что я по скрину догадаюсь, что у вас в коде?

Сделайте песочницу на codepen.io, посмотрим, что у вас там.
И велик шанс, что пока делаете сами поймете почему так.

Как верстать это?

ProjectSoft, сейчас-то зачем такое творить, когда ничего не мешает использовать svg напрямую или спрайтами или кастомными в css.

Как лучше сверстать такой блок?

https://qna.habr.com/q/1199564
и ещё куча аналогичных вопросов.

Берете теги dl, dt и dd и вперед.

Как сделать такой background и как тут использовать border-radious и другие вещи?

По мотивам https://jsfiddle.net/Ankhena/bo2d1ug7

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

iframe?

Как сделать такие карточки?

Dorten, для наложения текстовых блоков тоже не нужен абсолют. Грид 1х1 всё сделает.

Как сделать что мы можно было пролистать элементы в блоке?

https://swiperjs.com/ или любой другой

Как сделать такие карточки?

Dorten, обычный грид.
2 столбца и 3 ряда.
Либо 3х3 и первый столбец span 2

Абсолют тут не нужен от слова совсем, всё решается гридами.

Как такое сверстать?

Либо css свойство columns либо библиотеки типа masonry, как сказали выше.

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

https://qna.habr.com/q/695392

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

Вы можете продолжать использовать брейкпоинты бутстрапа.

Можете перестраивать проект, когда что-то ломается. Причем перестраивать можно только конкретный блок.

Можете использовать относительные единицы измерения, в том числе vw и vh. Можно в сочетании с clamp (min, max)

Можете делать резину.

А также любые комбинации этих вариантов, а так что еще что-то своё.

что бы на экранах более 1280 не выглядело очень мелким

Это вопрос к дизайнеру.
Если вы по совместительству выполняете и его функции при адаптиве (как и большинство верстальщиков), то и задавайте размеры так, чтобы всё не выглядело слишком мелким.
Если сложно, можно пройти курсики по ui/ux.

Как получить svg-изображение через svg-спрайт?

righto, а точно, там же градиент.
Из внешнего файла работать не будет.

Я последнее время не использую спрайты, а использую кастомные свойства и инлайню в css.

Как получить svg-изображение через svg-спрайт?

Вариантов не много: путь неверный или размеры нулевые.

Почему bg color меняется только в html?

Mizutsune, это вопрос скорее гуманитариям, что они там скажут про бочку мёда, чем она станет...