HTML Texte in die Mitte setzten?
Ich bin gerade dabei meine Website responsive zu machen
Ich möchte, dass ab einer bestimmten Display Grösse die Texte in der Mitte des Bildschirms untereinander angezeigt werden.
Wie kann ich das machen?
Wenn ich beim 2. Text die margin top auf eine bestimmte Anzahl Pixel einstelle dann ist er zwar unterhalb des 1. Text aber der 1. Text bleibt dann linksseitig und der 2. Text dann rechtsseitig. Ich möchte aber dass beide Texte dann sofort zentriert sind.
mit align items center klappt es nicht
1 Antwort
Am besten wrapst du die entsprechenden Elemente in einem Div-Container und stellst diesen auf Display: flex. Dadurch kannst du die Abstände aller Items darin über die gap-Property bestimmen und einstellen, ob Elemente horizontal oder vertikal angezeigt werden sollen (die Einstellungen dazu findet man, wenn man nach CSS Flexbox sucht). Die entsprechenden Werte und Optionen kann man dann zur Bildschirmgröße entsprechend über CSS Media-Queries setzen lassen.
Funktioniert irgendwie auch nicht. Egal was ich mache ich kriege die komplette Website nicht responsiv und auch das Hamburger Menu tut nix wenn man es anklickt.