Ankhena

https://yandex.ru/support/search/troubleshooting/w...

Внизу страницы с результатами поиска ссылка "Обратная связь", а в ней последний пункт "Предложения и пожелания".

(Для каждого сервиса своя форма обратной связи, находится в разных местах)

opacity в данном случае не поможет.

Вместо изменения прозрачности пишите изменения цветов в формате rgba.
Используйте фильтры master-css.com/page/css3filter
Подменяйте картинки.

Очень интересно, при Вашей записи

nav ul>li{
  display: inline-block;
  text-align: center;
}

Картинки и так должны быть по центру.

И если они так не становятся, надо смотреть остальной код, нет ли там какого-нибудь лишнего, например, float:left, для всех картинок.

Это https://jsfiddle.net/cqnxg7ej/ Ваш код и он работает. (Ну только там был один лишний закрывающий li, его убрала)

При такой конструкции (если неизвестно сколько элементов foo впереди и они могут идти вперемешку) на CSS никак.

Используйте обертку или доп.классы.
Или JS

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

Я бы добавила таргетинг в соц.сетях. Минус - ни разу не горячая ЦА.

Еще, я думаю, не стоит задавать вопросы типа "пойдет ли идея", обольют чем только можно.

Составить бизнес-план.
Показать/рассказать друзьям. Попросить задавать каверзные вопросы, чтобы понять жизнестойкость идеи и готовность к разнообразным передрягам.
Сделать лендинг, группу с посылом "Оформить предзаказ сейчас, со скидкой ХХ%", начать рекламу. Посмотреть количество заявок.

1. Начать с meta viewport.
2. Проверить данные таблицы. Например "Режим работы - есть" - очень хорошо, что он есть и очень смешно.
3. "Поддержка" - данные заменить на 0р, $, $
4. С портом - тоже придумать как сократить.
5. Слова в кнопках "Заказать" заменить, например, на галочки для маленьких экранов. Или на "заказ", потому что ширины поля с ценой и названием тарифа как раз должно хватить.

И все аккуратненько поместится.

Посмотрите флексбоксы 1, 2, 3 и media-запросы.

Если тяжело флексами, то float'ом.

Ради одного места на сайте таскать за собой бутстрап не привлекательная идея.

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

Тень: codepen.io/Ankhena/pen/ALydrA

<meta content="http://og-image.jpg" property="og:image">

ogp.me
https://yandex.ru/support/webmaster/open-graph/int...

Схлопывание margin

Задать min-width для всей ширины сайта.
Это же значение написать в meta viewport.

Это если надо удовлетворить гугл.

Но лучше подумайте о пользователях.
Какая разница на каком месте сайт в поиске, если с него все сбегут?
Сделайте нормально.

Нюансы верстки email-письма?
совпадение?

А зачем Вы уходите с битрикса? Что именно Вас не устраивает?
Если нужны какие-то действительно уникальные модули, так цена на них и для другой CMS будет такая же (+/- километр).

Я бы никому не стала советовать делать сайт на битриксе, но если он там уже есть, то может и не надо суетиться?

Полно студий, которые поддерживают битрикс. И будут о Вас заботится, как Вам этого хочется. Забота это вообще вопрос финансов.

ruseller.com/lessons.php?rub=2&id=1560

Задаете основному блоку сайта min-width - та ширина, меньше которой все ломается (это в любом случае надо делать, потому что криво на десктопе).
Её же пишете в viewport.
Или ничего не пишете, современные браузеры вполне вменяемые на этот счет.

Точно также и с большими графическими элементами - ведут себя как им вздумается.

Нет, они ведут себя так, как вы им написали :)

Смотря что написать в статье.

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

Если это низкосортный спам и ссылки ради ссылок, то хорошо от них не будет ни сегодня ни когда-нибудь потом.