Проблема в корректной работе flex блоков CSS

Всем привет, недавно начал изучать html/css и наткнулся на непонятную для меня проблему.Flex блоки несмотря на flex-direction: row и достаточное место для расположения горизонтально, все-равно выстраиваются вертикально. Снизу прилагаю скрин страницы с фрагментом CSS. Я недавно на сайте, но насколько понимаю конкретно для этого вопроса больше ничего не понадобится. Крайне жду вашего ответа, так-как действительно не понимаю в чем может быть проблема ¯_(ツ)_/¯