Klasse, dass es solche Tricks gibt. Und super, dass du diese für uns aufspürst und mit uns teilst. 😊 Ich habe das Problem bei den Badges und dem Preis inszeniert. Jetzt weiß ich zumindest eine Möglichkeit, das komische Verhalten der Elemente in der Flexbox in den Griff zu kriegen. 👍 Vielen Dank. 😎
Erst einmal ein Kompliment für deine Videos. Sie sind sehr verständlich und praxisnah erklärt. In diesem Video hast du einen Punkt übersprungen. Bei Minute 7:52 . An dieser Stelle werden mit fit-content die 2 Button nebeneinander nicht mehr auf voller Breite angezeigt. Erst nachdem der 3. Button hinzugefügt wurde oder sie umbrechen und einzeln stehen. Und, was passiert, wenn der Inhalt so lang ist, dass alle 3 auf einer Ebene liegen? Vielleicht gibt es dafür auch noch eine Lösung? Danke für deinen Content.
Danke dir für deine Nachricht. Das liegt an der Eigenschaft "flex: 1", welche die Ausdehnung des Elementes steuert. Das hängt auch davon ab wie viele Kind Elemente noch auf der gleichen Ebene sind. Der verfügbare Raum des Elternelementes wird proportional auf alle flex-Elemente verteilt. Hätte ich vllt. näher darauf eingehen können. Mein Ziel war es ja im Grunde wenn 2 Buttons da sind das diese einfach nebeneinander angezeigt werden, und wenn kein Platz mehr vorhanden ist untereinander, aber dann auf die komplette Breite. Wenn aber 2 Nebeneinander und eines darunter angezeigt wird verhalten sich die Elemente in der Ausdehnung wieder etwas anders, einfach aus dem Grund das es mehr Elemente (Buttons) gibt.
Klasse, dass es solche Tricks gibt. Und super, dass du diese für uns aufspürst und mit uns teilst. 😊 Ich habe das Problem bei den Badges und dem Preis inszeniert. Jetzt weiß ich zumindest eine Möglichkeit, das komische Verhalten der Elemente in der Flexbox in den Griff zu kriegen. 👍 Vielen Dank. 😎
Na dann hat es sich ja gelohnt. Super 👍
!! Klasse !!! wirklich Tolle Idee und wieder einmalmal sehr gut erklärt.
Vielen Dank 🙏
Mario und das CSS. Eine Geschichte in xxx Akten.
Schönes WE!
Schönes Wochenende 🙂
Danke Dir! fit-content kannte ich so noch nicht! Man lernt eben nie aus!
Gerne ✌️🙂
Super 👍. Schönes Wochenende 🙋♂.
Wünsche ich dir auch ✌️
@ProgrammierenMario Danke für deine Videos
Freut mich zu hören!
Display: Flex ist im Default modus immer ROW.
Hatte ich etwas anderes gesagt? Dann sorry für den Patzer.
@ProgrammierenMario Nee, keine Kritik. Du machst das Super. Sollte nur ne nice to know Info für den Kommentar bereich sein 😉
Alles klar 👍
Erst einmal ein Kompliment für deine Videos. Sie sind sehr verständlich und praxisnah erklärt.
In diesem Video hast du einen Punkt übersprungen. Bei Minute 7:52 . An dieser Stelle werden mit fit-content die 2 Button nebeneinander nicht mehr auf voller Breite angezeigt. Erst nachdem der 3. Button hinzugefügt wurde oder sie umbrechen und einzeln stehen. Und, was passiert, wenn der Inhalt so lang ist, dass alle 3 auf einer Ebene liegen? Vielleicht gibt es dafür auch noch eine Lösung?
Danke für deinen Content.
Danke dir für deine Nachricht. Das liegt an der Eigenschaft "flex: 1", welche die Ausdehnung des Elementes steuert. Das hängt auch davon ab wie viele Kind Elemente noch auf der gleichen Ebene sind. Der verfügbare Raum des Elternelementes wird proportional auf alle flex-Elemente verteilt. Hätte ich vllt. näher darauf eingehen können. Mein Ziel war es ja im Grunde wenn 2 Buttons da sind das diese einfach nebeneinander angezeigt werden, und wenn kein Platz mehr vorhanden ist untereinander, aber dann auf die komplette Breite. Wenn aber 2 Nebeneinander und eines darunter angezeigt wird verhalten sich die Elemente in der Ausdehnung wieder etwas anders, einfach aus dem Grund das es mehr Elemente (Buttons) gibt.