Responsive classement

SwichGIT/src/css/desktops.css

@@ -318,10 +318,7 @@
     }
 
     #containScore {
-        display: grid;
+        display: flex;
-        grid-template-columns: repeat(10, 100px);
-        grid-template-rows: repeat(1, 100px);
-        grid-gap: 1vw;
         justify-content: center;
         position: relative;
         left: -50%;
@@ -340,8 +337,9 @@
         padding: 4px;
         position: relative;
         z-index: 1;
-        width: 7vw;
+        width: 6vw;
-        height: 17vh;
+        height: 6vw;
+        margin: 1vw;
         cursor: default;
         transition: all 0.3s ease;
     }
@@ -355,13 +353,16 @@
     }
 
     .case-score .score-position {
-      font: 700 34px/1.3 "Poppins", sans-serif;
+      font: 700 2vw/1.3 "Poppins", sans-serif;
       margin: 0 0 0;
       transition: 0.2s ease 150ms;
+      font-size: 2vw;
+      font-family:"Poppins", sans-serif; 
     }
     .case-score .score-pseudo, .score-points {
       font: 500 12px "Poppins", sans-serif;
       margin-top: -0.2em;
+      font-size: 0.8vw;
     }
 
     .case-score:after {