Начну с начала, мне нужно сделать эту страницу:
http://prntscr.com/m4ddwi
Кажется, это довольно просто, но у меня возникают некоторые проблемы с этим.
Я думал использовать сетку, но продвинулся вперед с Flexbox.
Ну, главная проблема, когда я изменяю размер окна - ввод и textareas изменяются, а ширина начинает различаться, и я думаю, почему, если честно.
Теперь все выглядит хорошо, http://prntscr.com/m4df1k
но когда я начинаю изменять размер окна, начинаются некоторые беспорядки: http://prntscr.com/m4df9u
CSS для ввода и textarea то же самое - http://prntscr.com/m4dfhb
Вот мой HTML для этого: http://prntscr.com/m4dg7j
и мой scss, а также: http://prntscr.com/m4dfwh
Проблема с блоками, их изменение размера и не осталось прежней, я только добавил flex-grow: 1, не сжимается, поэтому все меняется из-за содержимого, но почему? Как я могу предотвратить это?
Я загрузил все на github.io, ссылка:
https://github.com/hordynsky/hordynsky.github.io/tree/master/moderne - code
https://hordynsky.github.io/moderne/pages/order.html - page
Буду рад любой помощи здесь.
Надеюсь, что без негативных отзывов все вы были там, пытались что-то узнать ...
UPD:
О коде, я думаю, вам лучше увидеть его на github.
Основные файлы:
https://github.com/hordynsky/hordynsky.github.io/blob/master/moderne/sass/pages/_order.scss - (scss для этой страницы)
https://github.com/hordynsky/hordynsky.github.io/blob/master/moderne/sass/components/_form.scss - (scss для формы и ввода / самой текстовой области)
https://github.com/hordynsky/hordynsky.github.io/blob/master/moderne/pages/order.html - (страница моего заказа)
UPD1: Основная проблема в этом примере: http://prntscr.com/m4dmet - я добавил тот же блок с тем же текстом, ширина блока с формой теперь 588px.
Но мне нужно добавить еще один добавленный текст и ширину формы ... 721px - http://prntscr.com/m4dmz7
Я просто хочу, чтобы это всегда было одинаково.
Что мой блок формы и текстовый блок всегда имеют одинаковое соотношение 1: 1.