Ich habe eine bestehende ältere Seite dich gerne anpassen und aktualisieren möchte. Ich habe das, was ich bisher gemacht habe, mit float und einer table aufgebaut,
aber das ist ja nicht mehr zeitgemäß und ich komme an einigen Stellen auch einfach nicht weiter, daher würde ich es gerne Responsive neu aufbauen.
Bin mir aber nicht sicher, ob besser mit Flex oder mit Grid. Für einen Ansatz wäre ich dankbar.
Ich habe mal skizziert, was ich genauer erstellen will, ich hoffe, man versteht es.
Generell gilt: Flex ist geeignet für ein Layout, das nur in eine Richtung geht, x oder y. Grid wenn das Layout zweidimensional ist, ein Gitter, das sich in x- und y-Richtung erstreckt.
Demnach ist für deine Startseite ein Grid am besten geeignet.
Für Member 1 empfehle ich ein figure-Element mit figcaption für die Texte rechts. Das Bild und die Texte rechts kannst Du dann mit Flex nebeneinander anordnen. Das Layout rechts, wo der Button mit Beschriftung am unteren Rand angeordnet ist, lässt sich ebenfalls gut mit Flex realisieren, indem Du dem Button ein margin-top von "auto" gibst.
Ich nehme an, das Foto und der Text in Unterseite A und B sollen zentriert sein. Das kann man sehr gut mit Flex erreichen.
Die Navigation unten soll offenbar auf allen Seiten gleich sein. Dafür bietet es sich an, sie in eine getrennte Datei auszulagern und mit PHP-Include einzubinden.
Glaube denen, die die Wahrheit suchen, und zweifle an denen, die sie gefunden haben.
(Andrι Gide (1869-1951), frz. Schriftst., 1947 Nobelpreis)
Hi,
du kannst auch Flexbox und Grid Layout kombinieren. Im Oberen Bild könntest du für das Raster ein Grid-Container erstellen damit die darin liegenden Elemente Grid-Items werden und in einem zweidimensionales Raster passen.
"Gerne dürft ihr mir eine gute Bewertung da lassen aber auch gegenüber Kritik bin ich offen"