Design umsetzung

[Gunnar Bittersmann]

@@Meowsalot

Bin ich auf dem richtigen Weg?

Nein.

• H2 für die Hauptüberschrift

Die Hauptüberschrift ist h1.

• H3 für den darunterliegenden Text

Die nächsten Überschriften wären dann h2.

• den Strich, hmm gute Frage vielleicht mit einem DIV

?? Welcher Strich? Vermutlich border-top oder border-bottom einer Box.

Für die einzelne Bereiche habe ich noch überhaupt keine Idee. Vielleicht für jede Box ein DIV, welches dann float:left bekommt?

Nein. float ist kein Mittel zum Layouten. Dafür gibt es Grid und Flexbox.

Innerhalb dem Div dann wiederum zwei Divs? Im ersten das Bild,

Nein, du brauchst kein div um ein Bild.

dieses bekommt wieder float:left

Du willst nicht Text um das Bild fließen lassen, also ist float falsch. Siehe oben.

LLAP 🖖