diff --git a/index.html b/index.html index 3c03ae4..da092a6 100644 --- a/index.html +++ b/index.html @@ -29,9 +29,17 @@ display: flex; flex: 1; } - - .card { - flex: 1; /* Stellt sicher, dass die Karten die ganze Höhe ihrer Container ausfüllen */ + @media (min-width: 1200px) { /* Breite anpassen, ab wann Karten nebeneinander sein sollen */ + .card-container { + display: flex; + flex-wrap: nowrap; + overflow-x: auto; + } + .card { + flex: 0 0 auto; /* Verhindert, dass Karten schrumpfen oder wachsen */ + /* flex: 1; /* Stellt sicher, dass die Karten die ganze Höhe ihrer Container ausfüllen */ + width: 18rem; /* Breite der Karten */ + } } @@ -43,7 +51,7 @@