Как сделать размер flex-элемента по контенту и с указанным flex-grow?
Есть поле и кнопка внутри флекс (или грид) контейнера. Хочу получить следующее поведение:
1) Ширина кнопки равна размеру её контента, все остальное место занимает поле.
2) Как только происходит flex-wrap (ширина поля меньше 500px) - кнопка и поле занимают все доступное место.
Вот пример где все это работает. Но может есть более адекватный способ добиться подобного, не используя огромные значения flex-grow?
Простой
