Андрей Федоров

Не совсем понятен термин "красиво".
https://codepen.io/aliencash/pen/vYOXvXR

Как вариант - https://codepen.io/aliencash/pen/yLNJaye?editors=1100

https://codepen.io/aliencash/pen/VPxodG

Вместо:

.line 
    width: 1px
    background-color: red

поставьте:

.line 
    width: 0
    box-shadow: 0 0 .5px .5px red

В вашем браузере ткните правой кнопкой мыши на элементе, который вы хотите откорректировать и меню выберите пункт "Исследовать элемент" (для firefox) или "Посмотреть код" (для chrome). В других браузерах этот пункт может называться по другому. Откроется панель разработчика, где мы можете добавить css свойства вашему элементу или отредактировать имеющиеся. Когда внешний вид будет вас устраивать скопируйте свойства элемента себе в код сайта.

никак не влияет, если оно не слишком объемно. обоснование мнения - как правило пункты меню все равно дублируют в футере.

https://codepen.io/aliencash/pen/BayNOGj?editors=1100

https://codepen.io/aliencash/pen/gOONvpB?editors=1100#0

Ну например - https://codepen.io/aliencash/pen/ZEEyXZJ
С остальным надеюсь проблем нет?

Добавьте

.resources__image img {
  width: 100%;
}

Добавить:

.features__item{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

Когда вы будете ПОНИМАТЬ, что HTML и СSS недостаточно для решения целевых задач.

Последняя ссылка у вас не перекрашивается, не потому, что для ::after у вас display: none, а потому что вы скорее всего зеленый цвет даете элементу li. а нужно давать его для li > a.

.breadcrumbs__item:last-child .breadcrumbs__item-link {
  color: green;
}

Пример - https://codepen.io/aliencash/pen/qzrBKd?editors=1100

https://codepen.io/aliencash/pen/KEqaVz

https://codepen.io/aliencash/pen/YgqNZe

Развернуть можно так, надеюсь сами табы у вас затруднений не вызывают...
https://codepen.io/aliencash/pen/PLNbPp?editors=1100

.sidebar-right .wf-container-main {
  grid-template-columns: calc(350px - 25px) calc(100% - 350px - 25px);
  grid-template-areas: "sidebar content";
}