Eugene Chefranov

Обычный HTML и CSS + jQuery. Набросал на скорую руку

.el:last-child {
}

.el:nth-child(2) {
}

Добавьте к .block-images__textheight: 100%

.logo a {display:flex; align-items:center;}

А вы разукрасте стороны и потом изменяйте толщины и вы сразу поймете. Толщина изменяется не от центра стыка, а от края, потому и обрезается перевернутый треугольник.

border-color:  black red blue green;
border-width: 20px 20px 20px 20px;

Как сделать такой список?
Подправьте под себя

Так?

Мне здесь с подобным вопросом помогали, посмотрите Как считать input и сопоставить значение с select?

На скорую руку набросал, подправьте под себя

$('.menu_btn').on('click', function(e){
  e.preventDefault();
  $('.menu_btn').toggleClass('menu_btn_active');
  $('.menu').toggleClass('menu_active');
})

забыли скобочки у preventDefault

htmlbook.ru/css/empty