layout

css/style.css

@@ -138,6 +138,24 @@ main div.sec0 {
     margin-left: 0;
 }
 
+/* ---- Bilder ---- */
+
+img {
+    display: block;          /* Text startet immer unter dem Bild */
+    max-width: 500px;        /* Desktop: maximal 500px breit */
+    height: auto;
+    border: 1px solid #333333;   /* dunkelgrauer Rand */
+    margin: .8rem 0;
+}
+
+/* Smartphone: Bild ueber die volle Breite */
+@media (max-width: 600px) {
+    img {
+        max-width: 100%;
+        width: 100%;
+    }
+}
+
 /* ---- Anker-Navigation im Header (Links auf die Ueberschriften) ---- */
 
 .anker-nav {
@@ -215,6 +233,28 @@ hr {
     margin: 1.5rem 0;
 }
 
+/* ---- Tabellen ---- */
+
+table {
+    border-collapse: collapse;
+    margin: 1rem 0;
+}
+
+th, td {
+    border: 1px solid var(--border);
+    padding: .4rem .8rem;
+    text-align: left;
+}
+
+th {
+    color: var(--heading);
+    background: #141414;
+}
+
+td {
+    color: var(--text);
+}
+
 /* ---- Code ---- */
 
 code {