From 6466cd2e34d290abc4cb70a1075baed11fba8f1a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89tienne=20Charignon?= <etienne.charignon@gmail.com>
Date: Mon, 18 Mar 2024 15:56:46 +0100
Subject: [PATCH] Quelques ajustements de tailles

---
 assets/sass/cartes.scss        | 10 ++++++----
 assets/sass/main.scss          | 10 ++++++++--
 layouts/partials/resultat.html |  4 ++--
 3 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/assets/sass/cartes.scss b/assets/sass/cartes.scss
index 1aa9cd8..7e137da 100644
--- 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
index e311b5a..3b5f8fa 100644
--- 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
index 4feddef..e839a35 100644
--- 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">