Как вывести в селектор картинку (флаг)?

Задайте соответствие числа и картинки (объектом, data-атрибутом, просто имя картинки равно номеру, ещё как-нибудь)
Выбирайте, подставляйте.

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

Потому что это пробел после инлайновых элементов.
Задайте картинкам либо block либо inline-block в сочетании с vartical-align (например, top)

Как не сдвигать весь текст в CSS?

float: left;

Что вы несете? Посмотрите на календарь.

В современном мире флоаты используются только для того, для чего их придумали.
А для сеток и микросеток используют флексы и гриды.

Как научиться добавлять искуственные детали на сайт?

Noder SS, вам, наверное, на курсы дизайнеров, ui, ux и тд.

Потому что вопрос в таком виде к верстке имеет очень мало отношения.
Как добавлять - зависит от того, что, как и где нарисовано.

Как сделать адаптивную версию на всю ширину?

serhgons, вычисляйте transform scale
Помещайте абсолютом в подготовленный div с overflow

Как сделать адаптивную версию на всю ширину?

2. И еще чтобы header и foter на всю ширину были соответственно.

С этим, скорее всего, просто.
Как только таблица уместится в ширину экрана, то с ними всё будет хорошо.

Мне нужно чтобы при открытии страницы со смартфона она открывалась на всю ширину сразу как на картинке

Ну что тут можно сделать.
- Проверять, что нет запрета на переносы. Например в "подробнее о рейсе" и других аналогичных подозрительных местах.
- Также включать перенос внутри слов.
- Уменьшать шрифт (но помнить о том, что у пользователей могут быть настройки запрещающие уменьшать шрифт меньше какого-нибудь ими выбранного значения)
- Перестраивать саму таблицу
- Скроллить таблицу внутри блока имеющего ширину окна (ну или еще минус отступы)

Как сделать такой слайдер на slick-slider?

Не уверена, что slick справится, я бы пробовала со swiper так:
Оборачивать два слайда в обертку.
Потом display contents.

Есть стандартизированные способы верстки с адаптивным текстом?

Niksak, ну да, если у вас требуют поддержку ИЕ, то вам не повезло. Или кто там вас волнует из неподдерживающих браузеров?

Как указать субменю ширину?

Александр Васильев, шикарный план - обрежем кусок меню overflow и дело с концом. Или вообще покажем псевдо вместо большей его части! Жжете однако.

Применение двух стилей к одному значению массива js?

formasters777, у вас же не всегда нули там. Иначе не было бы проблем.

Зачем проверку? Всё, что до точки и всё что после, обычной регуляркой.

Есть стандартизированные способы верстки с адаптивным текстом?

12Vadim12, да, всё верно. Вместо костыля нативная функция.

Как указать субменю ширину?

an,

да там должна быть резина, узнать то никак не получится

Если пунктов неизвестное количество, только js.
Если известное, то путем несложных математических действий.

Но опять таки, если меню как в образце, то это ручная работа.

Как указать субменю ширину?

Узнать ширину первого пункта.
Задать её в left или margin или пустой столбец грида или куда вам больше нравится.
Позиционировать от ul.

Но судя по примеру в предыдущем вопросе, ширина выпадашек зависит от содержимого, а не до правого края.

Применение двух стилей к одному значению массива js?

но не будет ли это влиять на производительность и скорость загрузки, например если позиций будет 100 или 1000 позиций

Попробуйте конкретно на вашем сайте ;)

Цвет, если что, можно поменять так (мало надежно и зависит от шрифта, что там с символами, но немножко подшаманить можно)
https://jsfiddle.net/Ankhena/5jecmvw0/

Есть стандартизированные способы верстки с адаптивным текстом?

12Vadim12, в этой галиматье больше нет необходимости при работе с браузерами поддерживающими min, max и clamp.

Есть стандартизированные способы верстки с адаптивным текстом?

Niksak,

у меня и заголовки тоже вылезают за пределы

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

Если дизайнер это вы, то тут сложнее )) Смотрите до каких пределов можно уменьшить шрифт или придумывайте как перенести посимпатичнее. Или подберите другое начертание.
Некоторые шрифты нормально выглядят только крупными, а другие вполне уменьшаются и читаются.

В теории есть плагины типа fittext.
Но нужно понимать, что если слово слишком длинное, то шрифт может оказаться слишком мелким.

Есть стандартизированные способы верстки с адаптивным текстом?

При уменьшении шрифта на мобилках нужно помнить о том что:
1. Текст должен читаться не только теми у кого 1 и неуставшие глаза.
2. В браузере может стоять запрет на уменьшение размера шрифта меньше чем N пикселей.
3. Некоторые дизайнеры, наоборот, на мобилках делают шрифт крупнее.

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

Лично мне нравится использовать функцию clamp.

Размер изображения html img height и разные экраны?

Za Za,

heigth: auto так это стоит

Ну да, это прямо видно в вопросе.

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

Размер изображения html img height и разные экраны?

Можно уточняющий вопрос: зачем вам вообще png?

Но вообще для сохранения пропорций картинкам задают heigth: auto в стилях.

Договорился на подработку, прислали договор на подписание, в нём увидел пункты которые не видел в других подобных договорах - это мошенники?

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

Что я обычно делаю в таких случаях: прошу убрать пункты, которые меня не устраивают или предлагаю другие формулировки. А также прошу добавить те пункты, которые важны мне.
Ведь мы договариваемся о сотрудничестве на каких-то условиях.

Дальше по обстоятельствам.