Flex блоки и их позиционирование

Добрый вечер , есть вот такой css .container-contact { display: flex; flex-wrap: wrap; } .contack-block-form { flex: 1 0 50%; } .contact-block-form form, .contact-block-text form, .contact-block-form form p{ display:flex; flex-flow:column wrap; width:50%; gap:10px; } @media screen and (max-width: 768px) { .contact-block-text, .contact-block-form { width: 100%; } } Блок contact-block-form и блок contact-block-text должны быть в строку , и при изменение разрешения должны быть в столбик , могли бы найти ошибку ?