update

YuttyAkiko · Dec 29, 2023 · 0129cb3 · 0129cb3
1 parent f9bdda0
commit 0129cb3
Show file tree

Hide file tree

Showing 2 changed files with 69 additions and 51 deletions.
diff --git a/assets/css/about.css b/assets/css/about.css
@@ -61,7 +61,7 @@
 }
 /* fim */
 
-/* Botão CONTRATE-ME */
+/* Botão do CV*/
 .cv:nth-child(1) {
     border: none;
     border-radius: 50px;
@@ -85,17 +85,17 @@
 }
 /* fim */
 
-/* Botão do currículo */
+/* Botão do CV */
 .about article div {
     animation: btn-cv 2.3s;
     align-items: center;
     display: flex;
-    justify-content: flex-end;
+    justify-content: flex-start;
     margin: 2rem 0;
     width: 100%;
 }
 
-/* Animação da tag nav classe=social-networking */
+/* Animação do botão CV */
 @keyframes btn-cv {
     from {
         transform: translate(0, 500px);
@@ -184,7 +184,7 @@
         text-align: justify;
     }
 
-    .about div {
+    .about article div {
         justify-content: center;
     }
 }

diff --git a/assets/css/cards.css b/assets/css/cards.css
@@ -8,7 +8,7 @@
 .card {
   align-items: center;
   display: flex;
-  flex-direction: column ;
+  flex-direction: column;
   margin: 1rem;
   padding: 1rem;
   text-align: center;
@@ -77,21 +77,21 @@
 
 /* Bordas dos cards*/
 .border-cyan:hover {
-	box-shadow: 0 0 20px var(--cyan-6);
-	border: solid 1.4px var(--cyan-4);
-	transition: 500ms;
+  box-shadow: 0 0 20px var(--cyan-6);
+  border: solid 1.4px var(--cyan-4);
+  transition: 500ms;
 }
 
 .border-fuchsia:hover {
-	box-shadow: 0 0 20px var(--fuchsia-8);
-	border: solid 1.4px var(--fuchsia-5);
-	transition: 500ms;
+  box-shadow: 0 0 20px var(--fuchsia-8);
+  border: solid 1.4px var(--fuchsia-5);
+  transition: 500ms;
 }
 
 .border-green:hover {
-	box-shadow: 0 0 20px var(--green-5);
-	border: solid  1.4px var(--green-4);
-	transition: 500ms;
+  box-shadow: 0 0 20px var(--green-5);
+  border: solid 1.4px var(--green-4);
+  transition: 500ms;
 }
 
 /* fim */
@@ -102,76 +102,94 @@
 .emoji-handshake,
 .emoji-paper,
 .emoji-pen {
-	width: 60px;
-}
-
-@media screen and (max-width: 600px) {
-
-	.emoji-hand,
-	.emoji-smile,
-	.emoji-handshake,
-	.emoji-paper,
-	.emoji-pen {
-		width: 30px;
-	}
+  width: 60px;
 }
 
 /* fim */
 
-@media screen and (max-width: 374px) {
-  .card-tool {
-    min-width: 150px;
-  }
-
+@media screen and (min-width: 375px) {
   .card-tool:first-child {
-    margin-left: 4.5rem;
+    margin-left: 6.3rem;
   }
 }
 
-@media screen and (min-width: 375px) {
+@media screen and (min-width: 400px) {
   .card-tool {
-    min-width: 180px;
+    min-width: 200px;
   }
-  
+
   .card-tool:first-child {
-    margin-left: 5rem;
+    margin-left: 6rem;
   }
 }
 
-@media screen and (min-width: 425px) {
-  .card-tool {
-    min-width: 180px;
+@media screen and (min-width: 450px) {
+  .card-tool:first-child {
+    margin-left: 7rem;
   }
-
+}
+
+@media screen and (min-width: 470px) {
   .card-tool:first-child {
-    margin-left: 6.5rem;
+    margin-left: 8rem;
   }
 }
 
 @media screen and (min-width: 500px) {
   .card-tool {
     min-width: 140px;
   }
-  
+
   .card-tool:first-child {
     margin-left: 4rem;
   }
 }
 
+@media screen and (min-width: 540px) {
+  .card-tool:first-child {
+    margin-left: 5rem;
+  }
+}
+
+@media screen and (min-width: 600px) {
+  .card-tool:first-child {
+    margin-left: 8rem;
+  }
+}
+
+@media screen and (min-width: 700px) {
+  .card-tool:first-child {
+    margin-left: 9rem;
+  }
+}
+
+@media screen and (min-width: 720px) {
+  .card-tool:first-child {
+    margin-left: 6rem;
+  }
+}
+
+@media screen and (min-width: 850px) {
+  .card-tool:first-child {
+    margin-left: 4.5rem;
+  }
+}
+
 @media screen and (max-width: 500px) {
   .card-project {
     height: auto;
     width: 200px;
   }
 }
 
-@media screen and (min-width: 768px) {
-  .card-tool {
-    min-width: 140px;
-  }
-
-  .card-tool:first-child {
-    margin-left: 6rem;
+@media screen and (max-width: 600px) {
+
+  .emoji-hand,
+  .emoji-smile,
+  .emoji-handshake,
+  .emoji-paper,
+  .emoji-pen {
+    width: 30px;
   }
 }
 
@@ -183,4 +201,4 @@
   .card-project>div:first-child {
     margin: 0;
   }
-}
+}