CSS-Flexbox - Anwendungsbeispiel 2

Zwei Flexbox-Container ohne Media Queries:

Reihe 1, Element 1

Reihe 1, Element 2

Reihe 1, Element 3

Reihe 1, Element 4

Reihe 2, Element 1

Reihe 2, Element 2

Reihe 2, Element 3

Reihe 2, Element 4

Zwei Flexbox-Container mit Media Queries

(max-width: 768px) für Tablets (Portrait) & Smartphones (Landscape)
(max-width: 480px) für Smartphones (Portrait):

Reihe 1, Element 1

Reihe 1, Element 2

Reihe 1, Element 3

Reihe 1, Element 4

Reihe 2, Element 1

Reihe 2, Element 2

Reihe 2, Element 3

Reihe 2, Element 4