From 0d09c1d10d120178ba2cd64bef4c5eeeb08e86b2 Mon Sep 17 00:00:00 2001 From: Alexel Date: Mon, 14 Aug 2023 16:42:55 -0400 Subject: [PATCH] changement de taille de h1 et h2 aux breakpoints --- public/css/general.css | 72 +++++++++++++++++++++++++------------ templates/html/index.gohtml | 4 ++- 2 files changed, 53 insertions(+), 23 deletions(-) diff --git a/public/css/general.css b/public/css/general.css index 6bf1412..96eccb5 100644 --- a/public/css/general.css +++ b/public/css/general.css @@ -25,19 +25,58 @@ body{ margin: 0 auto; } -@media screen and (min-width: 768px) { - .wrapper{ - max-width: 768px; - width: calc(100% - var(15px)); - +.heading1 { + font-family: "Poppins"; + font-weight: 600; /*semi-bold*/ + font-size: 3rem; /*48px*/ + color: #394596; /*Bleu AGECEM*/ + text-align: center; } + +.heading2 { + font-family: "Poppins"; + font-weight: 300; /*light*/ + font-size: 1rem; /*16px*/ + color: #394596; /*Bleu AGECEM*/ + text-align: center; +} + +@media screen and (min-width: 768px) { + + .wrapper{ + max-width: 768px; + width: calc(100% - var(15px)); + } + + .heading1 { + font-size: 4rem; /*64px*/ + text-align: center; + } + + .heading2 { + font-size: 1.5rem; /*24px*/ + text-align: center; + } + } @media screen and (min-width: 1140px) { + .wrapper{ -max-width: 1140px; -width: calc(100% - var(30px)); -} + max-width: 1140px; + width: calc(100% - var(30px)); + } + + .heading1 { + font-size: 4rem; /*64px*/ + text-align: center; + } + + .heading2 { + font-size: 1.5rem; /*24px*/ + text-align: center; + } + } /*Utilisation du css Layout Grid pour faire le wrapper*/ @@ -51,18 +90,7 @@ width: calc(100% - var(30px)); grid-column: 2/3; } -.heading1 { - font-family: "Poppins"; - font-weight: 600; /*semi-bold*/ - font-size: 6rem; /*96px*/ - color: #394596; /*Bleu AGECEM*/ - text-align: center; - } -.heading2 { - font-family: "Poppins"; - font-weight: 600; /*semi-bold*/ - font-size: 1.5rem; /*24px*/ - color: #394596; /*Bleu AGECEM*/ - text-align: center; - } \ No newline at end of file + + + diff --git a/templates/html/index.gohtml b/templates/html/index.gohtml index ece7076..d311171 100644 --- a/templates/html/index.gohtml +++ b/templates/html/index.gohtml @@ -9,7 +9,9 @@ {{ template "header-html" }} -

Association Générale Étudiante du Cégep Édouard-Montpetit

+

AGECEM

+

Association Générale Étudiante du Cégep Édouard-Montpetit

+ {{ end }}