Flexbox Buttons richtig plazieren?
Guten Tag ich würde gerne 4 Buttons mit Flexbox auf die gleiche länge strecken
sowie hier:
Kann mir da jemand auf die Sprünge helfen?
Aktuell sieht es so aus:
Stell mal deinen Code rein, dann kann man direkt darin Veränderungen vornehmen.
https://jsfiddle.net/5nfwbo3j/
Das ist der Code vielen Dank es kann sein das es aufgrund des kleinen Sichtfensters ein bisschen verbuggt aussieht
1 Antwort
Du verwendest dort keine Flexbox, brauchst sie aber auch nicht. Es würde ausreichen, den Buttons (.list-category button) eine Breite (width) von 100% zuzuordnen.
Nein, tut es nicht: https://jsfiddle.net/g2z18m30/. Zu einem Zeilenumbruch kommt es erst, wenn der Buttontext absolut keinen Platz mehr für eine Zeile hat.
Danke für die hilfe. darf ich fragen wo genau du jetzt was nochmal geändert hast?
Bzw kannst du mir den Code nochmal kurz schicken?
LG
Ich habe so wie oben schon beschrieben das width-Property in der Regel mit dem .list-category button-Selektor gesetzt. Ansonsten hat sich nichts geändert.
https://ibb.co/McYHN5y
Dann sieht das ganze so aus, es soll aber so ausseehen wie auf dem ersten Bild oben
Vielen Dank für deine Antwort