Егор Живагин

Что нужно-то? В каком именно месте должна быть стрелка?

ul {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
width: 100px; //например
}
li {
width: 50%;
}

Пожалуйста)

Ну, типо...

border-top-right-radius: 30px;
border-bottom-right-radius: 30px;

Хотя не совсем так выходит. Могу подкинуть идею с :after и градиентом, но сейчас времени нет показать)

Своеобразное решение, конечно, делать основные блоки даже relative без необходимости) А в адаптиве попиксельно всё менять?

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

Если нужно доступно и понятно - вам на Wordpress

Может подойдёт репозиторий Git ? Смотря для каких целей

Я фронтенд и максимум, что использовал - git + ftp/sftp

Каждому слайду position: relative

Ссылке

width: 100%
position: absolute

И всё отлично, только выстоту чуть увеличить можно)

После media у всех элементов должен быть отступ ;)

Gzip настроил? Картинки через Tinypng прогнал?

Кэширование удобнее всего самому настраивать в том же .htaccess , в гугле есть код для этого

А давайте обнулять padding, например. Чо получится?

А почему бы не поставить slick slider, если уже подгружается jQ ? И сэкономить на lazyload, да ещё и пальчиком листать всё можно будет
Ну и autoplay: true само-собой

А не пробовали на чистом CSS модалку запилить? На Хабре недавно статейка с примером была... Вот

Есть костыль с flex-start и margin-right, когда ты контейнеру задаёшь margin-right: -margin объектов

Тоже столкнулся, но у меня правый край не критичен, поэтому просто flex-start

А вообще... justify-content: center не подходит? Покрасивше будет

На сайт подключён jQ. Конечно, можно делать интервалами, но пролистывание на смартфонах и планшетах вы не поймаете. Да и любая последующая переделка слайдера займёт достаточно много времени. Не стесняйтесь, ставьте slick .

Всё просто. Css:

.класс_подсказки {display: none}
.icon1:hover+.класс_подсказки {display: block}

HTML:

<div class="icon1"></div>
<div class="класс_подсказки">Что угодно, хоть ещё 10 блоков вставляйте</div>

Поищи "инлайн svg" , даже на тостере несколько вопросов таких и подробных ответов было. Кратко - ты можешь вставлять в код img, а jQuery (она, увы, обязательна) будет пробегаться по коду и вставлять туда svg. В твоём коде останутся просто img , а вот цветом управлять станет можно через
svg path { fill: #000 }
С фоном не получится