Change CSS.

klutometis · Sep 17, 2024 · fbca76f · fbca76f
1 parent 4b59b75
commit fbca76f
Showing 1 changed file with 7 additions and 3 deletions.
diff --git a/doodles/index.html b/doodles/index.html
@@ -10,13 +10,17 @@
         display: flex;
         justify-content: center;
         align-items: center;
-        height: 100vh;
+        height: 100vh; /* Full viewport height */
         margin: 0;
         background-color: #f0f0f0;
       }
+
+      /* SVG container */
       #my-svg {
-        width: 80%;
-        height: auto;
+        max-width: 100%; /* Ensure it doesn’t exceed the width of the viewport */
+        max-height: 100vh; /* Ensure it doesn’t exceed the height of the viewport */
+        width: auto; /* Maintain aspect ratio */
+        height: auto; /* Maintain aspect ratio */
       }
     </style>
   </head>