twixoff

frontender.info/when-using-ids-can-be-a-pain-in-th...

davidlynch.org/projects/maphilight/docs работает с SVG либо с картой для изображений (тег map).
Для нарезки областей на карте есть он-лайн сервис, адреса не помню, но нагуглить можно.

Посмотреть код на сайте и сделать также или похоже.

Скорее дело вкуса. Хотя бывают ситуации когда много php в атрибутах того же тега "a" и удобнее будет через Html::a.
Также есть много методов для генерации bootstrap элементов, что очень упрощает жизнь в случае разработки какой-нибудь админки, если вы не фронтендер)

Посмотрите видео на ютубе https://www.youtube.com/results?search_query=%D0%B...

Подробно по пунктам описывают весь процесс. Будете знать с чего начинать и как двигаться дальше. Все остальное придет со временем)

maphilight

Если всегда по 2 блока, то можно задать ширину дочерних в 50%.

ответ прост ru.wikipedia.org/wiki/%D0%91%D0%B0%D0%B7%D0%BE%D0%...

Смотреть строку user-agent.

Для начала сделайте простое - саму карусель без эффектов. А потом уже к сложному переходите.

Сотрел на ширине 1366 - тоже самое joxi.ru/IwRzU_3JTJApYNpUDpU
Дело в том, что у разделителей вы используете класс row, который имеет отрицательный margin по бокам -15пк. Уберите их, либо и будет вам счастье.