kulaeff

Если количество блоков фиксировано, их размеры фиксированы, то просто сверстайте и задайте соответствующие стили. Лучше всего использовать флексы. В остальных случаях - masonry.

Они отличаются. Версия 3 построена с использованием float. Версия 4 - с использованием display: flex. Float - зло. Имхо, бутстрап любой версии - зло. Не используйте бутстрап.

Поместить каждую букву в отдельный блок и повернуть все буквы с помощью transform: rotate и transform-origin.

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

А зачем так делать? Пусть будет одно изображение шириной 1920, браузер сам отмасштабирует, если указан background-size: cover. А если вам пофиг на IE, то можно использовать тег picture.

Можно использовать e.target или this:

$(function(){
  $('.mark').click(function(){
    var $mark = $(this); // или $(e.target)

    if(!$mark.hasClass('active')) {
      $mark.addClass('active');
      $('.tooltip').fadeIn();
    } else {
      $mark.removeClass('active');
      $('.tooltip').fadeOut();
    }
  });
});

Можно переделать с использованием .toggleClass()

Никак.

А зачем вам в данном случае использовать flex? К тому же, чтобы обрезать контент, выходящий за пределы элемента, нужно использовать overflow: hidden.

Средствами CSS этого не сделать. Точнее, если использовать маски, то должно получиться, но маски полноценно поддерживает только фаейрфокс. Тут либо юзать шрифт либо картинку.

Подобную штуку можно сделать, используя готовую либу, например swiper. Начинающий должен справиться. А вот самому с нуля делать для начинающего будет сложновато.

Заходим по ссылке, открываем инспектор по F12 и видим, что есть 2 слоя hero__back, у которых есть background-image. При этом, как вы верно заметили, один слой статичен, а к другому применяется transform: translate3d() rotate3d() в зависимости от позиции курсора мыши.

Вообще-то ваш код работает. Пруф: https://jsfiddle.net/0g940evx/. Возможно причина вне этого кода.