diff --git a/index.html b/index.html index 3230f7c504091c49fad6c5e0030180cb934ac74f..7ccc65209314b8fea355973d1024f91113abd716 100644 --- a/index.html +++ b/index.html @@ -77,6 +77,7 @@ </tr> <tr data-befund="4"> + <td>NAME</td> <td>el Osnabrück</td> <td>Dominikus Böhm</td> <td>JAHR</td> diff --git a/style.css b/style.css index f0e0d14217de5d7109fba17eb5b1aad9e92b7256..566ab5f37e8b3bd4e50d6717f14f4271419bf54d 100644 --- a/style.css +++ b/style.css @@ -49,19 +49,19 @@ table th:last-child, table td:last-child { .container { display: flex; flex-wrap: wrap; /* Ermöglicht das Umschlagen der Elemente auf kleine Bildschirme */ + width: 100%; /* Volle Breite des Containers */ } /* Stil für das Bild */ .karte-container { - padding: 20px; - overflow: hidden; - flex: 1; - border-right: 1px solid #ccc; + flex: 1; /* Flexbox: Das Bild nimmt den verfügbaren Platz ein */ + max-width: 50%; /* Maximale Breite des Bildcontainers */ + background-color: #f0f0f0; /* Hintergrundfarbe für das Bild */ + padding: 20px; /* Innenabstand des Containers */ + box-sizing: border-box; /* Box-Modell auf border-box einstellen */ } - -/* Stil für die Tabelle */ -.tabelle-container { - flex: 1; /* Flexbox: Aufteilung des verfügbaren Platzes */ - padding: 20px; /* Abstand um die Tabelle */ +.karte-container img { + width: 100%; /* Volle Breite des Bildcontainers */ + height: auto; /* Automatische Höhe für das Bild */ }