diff --git a/assets/css/faq.css b/assets/css/faq.css index cb53b23..7922315 100644 --- a/assets/css/faq.css +++ b/assets/css/faq.css @@ -2,55 +2,5 @@ h1 { text-align: center; } -h2 { - text-align: center; - font-size: medium; -} - -.faq { - margin: 0 auto; - width: 500px; -} - -.faq ul { - padding: 0; - list-style-type: none; -} - -.faq ul li a{ - padding-right: 20px; - padding-left: 20px; -} - -.faq ul li { - background: #f1f1f1; - padding: 10px 0; - margin-bottom: 10px; - position: relative; -} - -.question { - font-size: 18px; - color: #47a3da; - text-decoration: none; - display: block; - padding: 0 0 0 20px; - position: relative; -} - -.question:hover { - color: #000; -} -.question.active { - color: #000; -} - -.faq ul li p { - display: none; - font-size: 14px; - color: #2f2f2f; - line-height: 24px; - padding: 10px 20px; -} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css index 3a57e25..742d57d 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -15,4 +15,20 @@ body { * { box-sizing: inherit; font-family: system-ui; +} + +main { + padding: 0 3.75rem; +} + +@media screen and (max-width: 700px){ + main { + padding: 0 1.875rem; + } +} + +@media screen and (max-width: 575px) { + main { + padding: 0 .625rem; + } } \ No newline at end of file diff --git a/faq/index.php b/faq/index.php index 6cc8eb8..3ba0351 100644 --- a/faq/index.php +++ b/faq/index.php @@ -24,36 +24,30 @@

FAQ

-

Voici les questions fréquentes de nos clients :

+

Voici les questions fréquentes de nos clients :

- +