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 }}
-
{{ .categorie}}
-

{{ .titre }}

+

{{ .categorie}}

+
{{ .titre }}