fix media scale

src/Pages/QuizView.elm

@@ -77,8 +77,9 @@ displayQuestion q =
             , div [ class "header-task" ] [ LaTeX.Expression.compile q.task ]
             ]
         , hintDiv
-        , imageDiv
-        , funcDiv
+        , div [ class "media" ] 
+            [ imageDiv
+            , funcDiv ]
         , answerDiv ]
 
 -- Updated displayMCQ function

src/style.css

@@ -17,9 +17,6 @@ svg {
   width: 100%;
   height: 100%;
   background-color: #fff;
-  
-  max-height: 75vh;
-  max-width: 75vw;
 }
 
 .btn {
@@ -67,6 +64,18 @@ svg {
   margin-bottom: 10px;
 }
 
+div.media {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+div.imgDiv, div.svgDiv {
+  width: 50%;
+  max-width: 500px;
+  max-height: 500px;
+}
+
 div.center {
   background-color: #333;
   border-radius: 15px;