Flex-basis Auto funktioniert nicht

Question

Ich habe 2 articles in einem main, die flex: 1 auto; auf ihnen gesetzt haben, und sie sitzen gut, bis ich Inhalt in ihnen hinzufügen und plötzlich sind sie beide verschiedene Größen!

Nichts in ihnen ist breiter als die Boxen, wenn sie auf der gleichen Breite sind, und nur 2 Formulareingaben auf der linken Seite haben eine festgelegte Breite.

Ich kann hier keinen Code posten, weil es so tief ist und ich möchte nichts verpassen, das könnte wichtig sein, also ist die Demo bei spendit.dpdesignz.co. Die Boxen, mit denen ich Probleme habe, sind das Login-Formular und "Unterstützte Banken" articles in der Mitte der Seite.

Ich habe versucht, die flex-shrink und flex-grow auf 0 ohne Glück einzustellen.

Dies ist mein erstes Mal mit Flex, und ich habe auf Dutzende von „Korrekturen“ in den letzten 5 Stunden ohne Glück gearbeitet, so dass jede Hilfe/Vorschläge sehr geschätzt werden würden :)

Answer 1

Ich denke, was Sie suchen nach ist flex: 0 1 50%; (nicht wachsen - Sie möchten auf 0 schrumpfen, ich weiß nicht, ich erwarte so, 50% (gleich).