Guten Abend,

Ich habe jetzt einfach mehrere zusammengehörige Texte untereinander geschrieben. Im Augenblick umrahmt durch <p> und </p>.

Genau richtig!

Am Smartphone kommt jetzt alles schön untereinander.

Genau richtig!
Das macht der Browser automatisch: Mobile first!

Nun sollen aber bei breiterem Display zwei Spalten entstehen […]
Das Einzige, was ich weiß, dass hierzu media queries dienen.
Habt Ihr vielleicht ein einfaches Beispiel?

Ich habe den entsprechenden Artikel einmal grundlegend überarbeitet:

Einstieg in CSS/Vom Entwurf zum Layout

Er basiert auf einem Hilferuf aus dem Forum für ein ausgefeiltes Design, das im 4. Schritt auch so realisiert wird.

Der Artikel geht aber erst einmal auf Grundlegendes ein, wie …

• Vergiss den Begriff Pixel!
• Festlegungen für unterschiedliche Viewports
  • Natürlich geht es hier um media queries, aber eben auch um
  • Responsive Raster ohne Media Queries, z.b. mit
    repeat(auto-fill, minmax(15em, 1fr));

Ich wäre um ein Feedback dankbar, ob die Schritte verständlich genug aufgebaut sind, oder ob ich „Anfänger“ irgendwo stehengelassen habe.

Herzliche Grüße
Matthias Scharwies