Use flex layout

2023-08-27 16:17:35 +02:00
parent 4a99d42852
commit 29f33b2b9b
2 changed files with 17 additions and 5 deletions
@@ -1,6 +1,13 @@
+.container {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-around;
+    gap: 15px;
+    align-items: flex-start;
+}
+
 p {
    font-family: sans-serif;
-    margin: 10px;
 }

 a {
@@ -8,15 +15,16 @@ a {
    color: black;
 }

+img {
+    max-width: 600px;
+}
+
 .dataframe {
    border-collapse: collapse;
-    margin: 25px 0;
    font-size: 0.9em;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
-    float: left;
-    margin: 10px;
 }

 .dataframe thead tr {