Как убрать рамки вокруг фото на сайте HTML?

Проверьте есть ли в CSS у картинки свойство border.
Но лучше код в студию.

Как сделать кнопку "Как добраться" или "Как доехать"?

Daniel Quinty,
Так вам кнопка нужна или выезжающее меню? А может нужно передавать геоданные?

Почему не работает медиа запрос?

Ivan_KL,
Проверьте, в style.min.css запрос попал?

Как вообще такое сделать в верстке?

DeniSidorenko,
относительные размеры можно задать не только шрифтам, но и всем элементам. Например:

.block
 width: base(670)
 +largeScreen
     width: large(670)
 +mobileScreen
     width: mobile(300)

Если на 1280 шрифт или элемент будут казаться маленькими, то они такие же мелкие и на 1920.

Фишка описанного мною способа в том, что все размеры элементов меняются пропорционально размерам бразуера. Если на такой странице в отладчике поиграть с размерами экрана, будет выглядеть будто увеличиваешь \ уменьшаешь монолитную картинку. Вот для примера сайт сверстанный по такому принципу: https://diatomic.software/

Как лучше писать стили CSS Modules или Styled Components?

grinat, если не "стайлед говно", то какие Ваши варианты?

Как лучше писать стили CSS Modules или Styled Components?

Вы вполне правы, если вы говорите о маленьком приложении с минимумом состояний, на 1-2 экрана.

Но не правы если речь идет о большом веб-приложении.
Используя единый файл CSS (или даже несколько) вы получите несколько проблем:
1. Многие тысячи сторок CSS кода в одном файле
2. Из первого вытекает проблема нейминга (каждый раз выдумывать имена селекторов чтобы они не повторялись)
3. Из первого также вытекает проблемы с повторным использованием кода (не всегда очевидно где начинаются \ заканчиваются стили определенного компонента )
4. Если CSS файлов несколько, селектор прописанный в одном файле, будет перебивать такой-же селектор в другом файле, который мог написать, например, ваш коллега или вы сами неделю назад.

React - это компоненты. Компоненты должны быть максимально логически разделены, в том числе и источники их внешнего вида.
Работая с React на большом проекте, предполагается что вы будете многократно переиспользовать отдельные компоненты. Когда у этих компонентов стили определены через CSS Modules или Styled Components, можно решить описанные выше проблемы.
- всегда видите 10-100 строк CSS кода которые относятся Только к определенному компоненту. Быстро читаешь, быстро фиксишь.
- всегда уникальные селекторы
- легко переносить компоненты из проекта на проект

Как отключить скролл в мобильных устройствах?

У главного слоя можно попробовать сделать свойство overflow:hidden;

Либо отключить JS-скролл (на том элементе где он сейчас). И сделать аналогичный по виду скролл в целом для страницы, но уже с помощью CSS

Пример такой кастомизации на CSS:

селектор::-webkit-scrollbar-track {
  border-radius: 4px;
}
селектор::-webkit-scrollbar {
  width: 6px;
}
селектор::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #a9b5d9;
}

P.S. Это все советы навскидку, чтобы точнее помочь, нужно видеть код.

Как отключить скролл в мобильных устройствах?

Кастомный скролл на JS? Или стандартный скролл изменен с помощью CSS ?

Возможно ли при инициализации яндекс карты по умолчанию открывать выпадающее меню поля поиска?

У Google Maps кастомизация лучше, ИМХО

Как адаптировать сайт на 1с-bitrix под мобильные?

falwxey,
Насчет старых версий не подскажу. Но не думаю что организация CSS кода там сильно отличается.

Коммент по битриксу обычный )
Не знаю почему могла быть проблема с ручной адаптацией сайта, причина могла быть в чем угодно.
Насчет старых сайтов, не думаю что проблема в CMS. Действительно старые (10-12 летней давности) сайты вполне могли делать без нормальной мобильной версии. Мобильный траффик был очень маленький, планшетов почти не было. Те кто делали сайты по быстрее и по дешевле, скорее всего просто не замарачивались над моб версией.

Первая работа для верстальщика, как получить?

arsenalsar,

БЭМ принципиально не люблю

Чем вам не нравится эта методология? Есть ли лучшие альтернативы?