bouton fleche, styles desktop/responnsive

WildCodeSchool · Feb 25, 2025 · b58db36 · b58db36
1 parent ceb6e22
commit b58db36
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 44 deletions.
diff --git a/src/style/comics-page.scss b/src/style/comics-page.scss
@@ -5,34 +5,17 @@
   padding-left: 20px;
 
   .typo-comics {
-    //Modification a faire pour desktop
     background-color: #670208;
     font-family: 'Aclonica', sans-serif;
     width: 140px;
     font-size: 18px;
     padding: 14px;
     border-radius: 10px;
-    margin-left: 91px;
+    margin-left: 13%;
     color: white;
     box-shadow: 0px 2px 6px black;
     text-shadow: 3px 2px 8px black;
     text-align: center;
-
-    //Pour la MediaQuery
-    // background-color: #670208;
-    // font-family: "Aclonica", sans-serif;
-    // /* padding-top: 60px; */
-    // width: 140px;
-    // font-size: 18px;
-    // padding: 14px;
-    // border-radius: 10px;
-    // margin-left: 96px;
-    // color: white;
-    // box-shadow: 0px 2px 6px black;
-    // /* align-items: center; */
-    // /* justify-content: center; */
-    // text-shadow: 3px 2px 8px black;
-    // text-align: center;
   }
   .comics {
     width: 100%;
@@ -127,9 +110,13 @@
   }
 
   @media screen and (min-width: 301px) and (max-width: 644px) {
-    .comics {
-      grid-template-columns: repeat(2, 170px);
-      grid-gap: 20px 52px;
+    .typo-comics {
+      margin-left: 21px;
+
+      .comics {
+        grid-template-columns: repeat(2, 170px);
+        grid-gap: 20px 52px;
+      }
     }
   }
 }
diff --git a/src/style/favorite-page.scss b/src/style/favorite-page.scss
@@ -20,4 +20,9 @@
     align-items: center;
     text-shadow: 3px 2px 8px black;
   }
+  @media screen and (min-width: 301px) and (max-width: 644px) {
+    .typo {
+      margin-left: 27px;
+    }
+  }
 }
diff --git a/src/style/profile-page.scss b/src/style/profile-page.scss
@@ -111,31 +111,8 @@
 }
 
 @media screen and (max-width: 450px) {
-  // .present {
-  //   flex-wrap: wrap;
-  // }
-
-  // .profile .comics-characters .character-content .bio h3 {
-  //   font-size: 1.2rem;
-
-  // }
-  //   .profile .comics-characters .character-content .bio p{
-  //     font-size: 1rem;
-  //     max-width: 70vh;
-  //   }
-  // }
-  // .profile .comics-characters .character-content .present .image-containe img{
-  //   width: 150px;
-  //   height: 200px;
-  //   margin-top: -10px;
-  // }
   .profile .comics-characters .character-content .comics-list {
     display: flex;
     gap: 16px 70px;
-
-    // a img {
-    //   width: 120px;
-    //   height: 160px;
-    // }
   }
 }