Design umsetzung

[Auge]

Hallo

es geht um diese Beispielseite: https://www.billbee.io/#funktionen

Der sich drehende Kringel ist ja ganz schön, aber sonst ist da buchstäblich nichts.

Aber mal so aus dem Gedächtnis.

• section mit einer id
• H2 für die Hauptüberschrift

Liest sich schlüssig.

• H3 für den darunterliegenden Text

Handelt es sich um eine weitere, hierarchisch unterhalb der h2 anzusetzende Überschrift? Wenn ja, dann ja, ansonsten nicht.

• den Strich, hmm gute Frage vielleicht mit einem DIV

Wie wäre es mit einer <hr>, wenn damit Abschnitte logisch getrennt werden sollen (sehe ich ja nicht)? Wenn es nur um eine optische Trennung geht, gibt's da noch border-[top|bottom].

Für die einzelne Bereiche habe ich noch überhaupt keine Idee. Vielleicht für jede Box ein DIV, welches dann float:left bekommt? Innerhalb dem Div dann wiederum zwei Divs? Im ersten das Bild, dieses bekommt wieder float:left, das andere für den Text neben dem Bild?

Benutze float für das umfließen z.B. eines Bildes mit anderem Inhalt. Für das, was sich mir nach deinen Worten erschließt, ist display: flex oder grid geeignet.

Tschö, Auge