Quelques ajustements de tailles

ut7 · Mar 18, 2024 · 6466cd2 · 6466cd2
1 parent 7299095
commit 6466cd2
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 8 deletions.
diff --git a/assets/sass/cartes.scss b/assets/sass/cartes.scss
@@ -35,7 +35,7 @@
 
   @media (max-width: 1000px) {
     .carte {
-      max-width: 600px;
+      max-width: $petite-largeur;
       .illustration {
         .image {
           border-radius: 1rem 1rem 0 0;
@@ -193,16 +193,18 @@
         .categorie {
           text-transform: uppercase;
           font-weight: bold;
+          margin: 0;
         }
-        h3 {
+        .titre {
           font-size: 1rem;
-          margin: 0;
+          padding: 0;
+          font-size: 1.3rem;
         }
       }
     }
     .description {
       margin-top: 1rem;
-      font-size: 0.85rem;
+      font-size: 1rem;
       text-align: justify;
 
       p {

diff --git a/assets/sass/main.scss b/assets/sass/main.scss
@@ -2,7 +2,7 @@
 
 $jaune: #FCBE00;
 $bleu: #243887;
-$largeur: 1000px;
+$largeur: 800px;
 $petite-largeur: 600px;
 
 
@@ -20,7 +20,13 @@ section {
   display: flex;
   flex-direction: column;
   align-items: center;
-  padding: 1rem 3rem;
+  padding: 1rem 0.5rem;
+}
+
+@media (min-width: 1000px) {
+  section {
+    padding: 1rem 3rem;
+  }
 }
 
 .bg-bleu {

diff --git a/layouts/partials/resultat.html b/layouts/partials/resultat.html
@@ -7,8 +7,8 @@
             {{ end }}
         </div>
         <div class="texte">
-            <div class="categorie">{{ .categorie}}</div>
-            <h3>{{ .titre }}</h3>
+            <h3 class="categorie">{{ .categorie}}</h3>
+            <div class="titre">{{ .titre }}</div>
         </div>
     </div>
     <div class="description">