svg fraction exercice

frontend/src/styles.css

@@ -339,21 +339,26 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
 .validation-main-preview {
   min-height: 0;
   flex: 1;
-  display: grid;
-  place-items: center;
+  display: flex;
+  flex-direction: column;
+  align-items: stretch;
+  gap: 1rem;
   border: 1px solid #e2e8f0;
   border-radius: 16px;
   background: #f8fafc;
-  overflow: hidden;
+  overflow: auto;
   padding: 1rem;
 }
 
 .validation-main-preview img {
   width: 100%;
-  height: 100%;
-  max-height: calc(100vh - 310px);
+  height: auto;
+  max-height: min(58vh, 620px);
   object-fit: contain;
   display: block;
+  flex: 0 0 auto;
+  border-radius: 10px;
+  background: white;
 }
 
 .empty-preview {
@@ -796,6 +801,14 @@ button:disabled { opacity: 0.5; cursor: not-allowed; }
   background: white;
   padding: 1rem;
 }
+
+.validation-main-preview .validation-text-preview {
+  width: min(100%, 980px);
+  min-height: 220px;
+  max-height: 32vh;
+  align-self: center;
+  flex: 0 0 auto;
+}
 .program-node-text-preview pre,
 .validation-text-preview {
   margin: 0;