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

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

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

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

Ну а зачем вам большой "какой-то текст" внутри fieldset? Его можно и отдельно сделать.
https://codepen.io/pen/?editors=1100#0

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

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

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

Добавьте

.resources__image img {
  width: 100%;
}

Можно.

Добавить:

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

div:not(:first-child) {
  margin: ...
}
.search-form + .single-result {
  margin: 0;
}

Когда вы будете ПОНИМАТЬ, что 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