Посмотри вложенные сетки.
зачем тебе цена в соседнем столбце? Это во первых, должен быть по логике соседний блок, во вторых этот столбец при адаптиве улетит в пень.

я уже сделал как предложили в два столбца и да, — в пень улетело )))

так ты делай наоборот строками.
это же флексы по сути, только они четко держат размер.

тут дело просто в том, что я не шарю бс от слова совсем

будь это дефолтный CSS с флексами я бы сделал бы это за две минуты с адаптивом

как правильнее делать кнопку у формы ? дизейблить пока вся валидация не пройдет или не дизейблить?

зависит от условий UX

что?

ну говорю от UX надо отталкиваться и задумки
где то кнопка не активна пока все поля не пройдут валидацию,
где то она активна всегда и валидация лишь после нажатия
где то вообще нет валидации😂

особой роли не играет, как ты считаешь нужным так и делай

почитай доку =)
это и есть цсс с флексами, роу - это дисплей флекс с флекс врап, а колонки это флекс блоки у которых от циферки заивист на коких экранах сколько ширины они займут. и все.

я адаптив сделал вот так

col-xl-5 col-md-9 col-sm-12 offset-xl-1

не уверен насколько это правильно, но по итогу вышло по контейнеру на каждую вакансию))))

тебе уже верно сказали, немного добавлю - кнопку дизейблят если валидация реактивная, т.е. юзер вводит некорректны емайл и сразу видит указание на ошибки. если валиадации такой нет, то как пользователь узнает что ему исправить? или это форма совсем не работает?
Лично мое мнение - мне не нравятся дизабленые кнопки, т.к. у тупых пользователей может сложиться мнение что форма просто не работает. а таких большинство...

еси вышло как надо значит все верно 😉

ахаха, окей, спасибо)

ага, спасибо

воу, круто обьяснил кстати

чума сколько у меня ощипяток 😱

перескажу доку увлекательным и понятным языком, дорого. обращайтесь 🤣