Flex basis pomoc

Question

Witam. Mam problem z flex basis próbuję aby dwa zieloney inputy type submit znalazły się obok siebie. Form ma ustawiony display flex, próbuję manewrować wartością flex basis dla klasy form__input--half, lecz klasa nie reaguje na wszystkie wartości. Ma to wyglądać w ten sposób Obrazek, a tutaj kod. Gdy zmniejszam okno to się przemieszcza do drugiej linii i nie działa flex basis, a na większej rozdzielczości reaguje. Dziękuję za wszelką pomoc! Pozdrawiam.

Answer 1

Dodałem box-sizing do wszystkich elementów oraz min-width do klasy form_submit.

Widocznie przeglądarka ma ustalone min-width dla inputów większe i dlatego nie zmniejszało tych inputów.

https://codepen.io/arces92/pen/VXeOqY

Comments

Bardzo dziękuję za pomoc!

Answer 2

Ogólnie flex-basis to nie to samo co width.

Width daje szerokość 30% i taka będzie.

Flex-basis daje minimalną szerokość 30% i może się zwiększyć w zależności od innych dzieci tego rodzica