Александр Белькевич

Картинке задайте display:block

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

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

1. Чтобы не было скролла, надо контейнеру макета задавать ширину в процентах. Ну и основным блокам тоже
2. Да, можно и так
3. Для калькулятора топлива вам уже надо jQuery/JS копать :)

Можно просто создать 3 div. И абсолютом поставить их на нужные места. Задав им бекграунды. Верхнему и нижнему задать высоту, а правому - ширину

Дмитрий правильно вам сказал изучать основы верстки. Раз вы даже не можете посмотреть через инспектор элементов, как там все устроено)

Ну у вас ошибка, потому что как раз плагин не подключен

Visibility используйте. Display только через JS (show, hide)

Может неправильно вас понимаю. А почему нельзя использовать flexbox?

даже не задумывался никогда. Что ж там за проект такой, для которого еще теги надо указывать...) Точнее что за фрилансер)) Обычно я клиенту даю расшареный на гугл драйв excel документ с 3 столбцами: Название проблемы, описание и статус выполнения...

Попробуйте по другому. У кнопки задайте after. С height 0. При наведении height увеличивайте до высоты кнопки

Что-то подобное

В примере 2 варианта: с плавным появлением с помощью opacity и появление снизу вверх

Избегайте длинной цепочки стилей

.body .container .content .name-block .span a {
   color: red
}

display: block или display: inline-block картинке дайте

Проблема решалась с помощью canvas

Да код простой

<div class="info-panel-content-tab-content-items">
<a class="info-panel-content-tab-content-item" href="#">
  <div class="info-panel-content-tab-content-item-delete">
    <div class="ico"></div>
  </div>
  <span class="info-panel-content-tab-content-item-img" href="#"><img src="img/info.jpg" alt="инфо"></span>
  <span class="info-panel-content-tab-content-item-title">Phantom PH1110 с фонарем</span>
  <span class="info-panel-content-tab-content-item-price">8 960 р.</span>
</a>
<a class="info-panel-content-tab-content-item" href="#">
  <div class="info-panel-content-tab-content-item-delete">
    <div class="ico"></div>
  </div>
  <span class="info-panel-content-tab-content-item-img" href="#"><img src="img/info.jpg" alt="инфо"></span>
  <span class="info-panel-content-tab-content-item-title">Phantom PH1110 с фонарем</span>
  <span class="info-panel-content-tab-content-item-price">8 960 р.</span>
</a>
</div>

И таких блоков штук 10 в info-panel-content-tab-content-items
Инициализация идет также просто

$('.info-panel-content-tab-content-items').slick({
        slidesToShow: 8,
        slidesToScroll: 1,
        swipe: false
    });