Как сверстать слайдер что бы активный слайд был выше остальных?

Задать активному слайду класс и сдвинуть трансформом.

А на этом сервисе запрещено выкладывать код картинками, используйте песочницы.

Как создать адаптивную обрезку текста посредством css?

Aison, со всем приключаются затупы, главное, что всё получилось

Как создать адаптивную обрезку текста посредством css?

Aison, ваша проблема скорее всего просто в верстке этого блока, а вовсе не в адаптивности text-overflow

Вот, пожалуйста, по-простецки, гридами https://jsfiddle.net/r640mu8s/

Как создать адаптивную обрезку текста посредством css?

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

Выложите код с проблемой на jsfiddle.net - посмотрим что там у вас.

Как гармонично встроить в сетку элемент нестандартного размера?

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

Internet explorer как решить вопрос с align items baseline?

alexiusgrey, я не знаю, где у вас на указанной странице фильтр. Вообще про него ни слова не говорила.
Да и вопрос был шапку.

Internet explorer как решить вопрос с align items baseline?

alexiusgrey, вы div используете только для показа иконки, его псевдо можно спокойно переписать для самой ссылки и упростить всю конструкцию. Это кроме того, что сейчас все браузеры поддерживают svg спрайты.
Но как хотите.
Тогда просто разберитесь с display и выравнивайте все элементы аккуратно.

Как создать адаптивную обрезку текста посредством css?

Aison, и зачем вы тогда ставите макс ширину 130px, вместо, например, указания width 100%?

Internet explorer как решить вопрос с align items baseline?

Просто выровняйте всё по центру.
А то у вас у user-menu отступ сверху и слева.
Внутренности блоков вообще никто не выравнивал.

Зачем эта конструкция

<a class="popup-open" href="#">
                        <div class="user-btn fa-user"></div>
                     </a>

Почему вы не можете прямо ссылке сделать псевдо с нужным символом?
Почему-то в части ссылок вставлены span, в другой div, но display к единому виду не приведен. Было бы странно, если бы всё не прыгало.
Ради скольки символов-то вы вообще притащили fontawesome? Я 4 нашла.

И всю верстку поверяйте, там теги не закрытые, div внутри ul, id дублируются и т.д.

Как создать адаптивную обрезку текста посредством css?

Попробуйте сформулировать на родном языке до какой ширины должен тянуться и до какой сжиматься этот блок.
А потом задайте эти значения в max-width и в min-width.
Или просто используйте относительные единицы измерения для ширины.

Как гармонично встроить в сетку элемент нестандартного размера?

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

Как сделать липкий (Sticky) блок, который абсолютно позиционирован?

by_ultra, https://jsfiddle.net/okxfzj35/

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

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

Ставите br. Когда не нужны - скрываете их.

Как сделать липкий (Sticky) блок, который абсолютно позиционирован?

by_ultra, посмотрите этот вопрос, он, конечно, довольно древний, но может наведет вас на мысли как описать свой, а может, и на решение
https://qna.habr.com/q/373636

Как сделать липкий (Sticky) блок, который абсолютно позиционирован?

by_ultra, похоже, нужно сначала хорошо определиться, какого поведения нужно достичь. Потом подробно и понятно описать это в вопросе, по дороге добавив ссылку на песочницу с проблемой.
А то вы в голове у себя что-то знаете, а мы не очень.

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

dmitry2000, так и что мешает задать им display none, когда они не нужны?

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

br чем не угодил?

Как сделать липкий (Sticky) блок, который абсолютно позиционирован?

Проблема заключается в том, что блок который должен быть липким позиционирован абсолютно.

Так, и почему вы не можете поменять на sticky?

Пустое место в навбаре. Как убрать?

Про паддинг по умолчанию у ul всё верно, но в разметке лучше так:

<nav>
     <a href="#home">Logo</a>
    <ul>
      <li><a href="#home">CONTACT</a></li>
      <li><a href="#home">SERVICES</a></li>
      <li><a href="#home">PROCESS</a></li>
      <li><a href="#news">WORK</a></li>
      <li><a href="#contact">ABOUT</a></li>
      <li><a href="#about">HOME</a></li>
    </ul>
  </nav>

А дальше флекс и justify-content: space-between.
Флоаты для таких вещей не используют уже много лет.

Теги <b> в этом случае мусор - они лишние, используйте стили.

Как сделать такую сетку?

display: flex;
flex-wrap: wrap;
column-gap: 20px;

Что именно у вас не получается?