Komplexes Konstrukt vereinfachen

[Jonathan Harker2]

Hallo zusammen,

Darunter zwei Spalten (je 50% Breite) mit entsprechenden Texten. Die beiden Spalten mit Fließtext(!) sind ebenfalls mit einer Tabelle realisiert!

Da würde ich Felix' Konstrukt als Ausgangslage nehmen:

<article class="decorated">
  <section id="german"></section>
  <section id="stop"></section>
</article>

Aber: Auf meinem Handy will ich keine 2 Spalten nebeneinander. Deshalb mobile first!

Erst bei genügend großer Breite sollen die 2 Bereiche nebeneinander platziert werden.

Die Bilder sind unterschiedlich und sollen das nachfolgende veranschaulichen. ... In der Realität sind es "Daumen runter" und "Daumen hoch".

Dann kann man die section-Elemente mit einer Überschrift versehen und dort auch ein Bild hinstecken - evtl. rechts floaten lassen. (Um ein Bild rechts in Fließtext oder eine Überschrift zu positionieren, mache ich kein Grid auf!)

Gruß JH