Problem z bootstrapem, gdy zmniejszam szerokość ilość kolumn nie ulega zmianie

Nie działa mi siatka bootsrapowa tam gdzie mam NASZE ATUTY i nie wiem czemu, ogólnie cała strona składa się z 2 głównych kolumn a potem jedna jest dzielona dalej, może dlatego coś jest nie tak - robię wszędzie najpierw rów a potem column więc nie wiem co jest nie tak, link do wyglądu :https://krystianwojtowicz.github.io/multiple-section-website/ , link do kodu https://github.com/krystianwojtowicz/multiple-section-website

<div class="features">

Posiada domyślną wartość CSS: flex-wrap:nowrap;

Jeśli chcesz, żeby się zawijało, musisz tam flex-wrap:wrap; ustawić.

Po bostrapowemu, prawdopodobnie musisz użyć klasy: flex-wrap.

Czy dodam taką klasę do tej czy taka właściwość do niej to dalej mi nie działa

Racja. Powinieneś jeszcze wywalić:

.features div {
    width: 20%;
}