modif faq

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;
-}

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;
+    }
 }