final general responsive design

ValenMorales · Mar 1, 2024 · 3cd9c29 · 3cd9c29
2 parents d8a570c + f7d86e7
commit 3cd9c29
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 8 deletions.
diff --git a/index.css b/index.css
@@ -224,7 +224,7 @@ main{
   margin: 1em, 0;
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
-  gap: 2em;
+  gap: 2rem;
 }
 
 .article {
@@ -269,19 +269,26 @@ article ul {
   margin: 1em 0;
 }
 
+<<<<<<< HEAD
 .projects{
   margin-left: 3rem;
 }
+=======
+
+>>>>>>> f7d86e78f85153f389510fcffea21e7f868d1f88
 
 .projects .p {
   font-size: 1.3em;
   text-align: center;
   margin: 1em 0;
 }
 
+<<<<<<< HEAD
 .about {
   margin-left: 3rem;
 }
+=======
+>>>>>>> f7d86e78f85153f389510fcffea21e7f868d1f88
 
 .about .p {
   max-width: 40em;
@@ -344,15 +351,15 @@ svg:hover {
   height: 80%;
   margin: auto;
   position: relative;
-  width: 90%;
+  width: 100vw;
   display: grid;
   place-items: center;
   overflow: hidden;
 }
 
 .my-projects {
   width: 95%;
-  height: 100%;
+  height: 100vh;
   display: flex;
   flex-direction: column;
   justify-content: center;
@@ -446,9 +453,7 @@ margin-bottom: 2rem;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  margin-left: 3rem;
 }
-
 .carrousel {
   display: flex;
   flex-direction: column;
@@ -739,9 +744,13 @@ color:inherit;
     flex-direction: column;
   }
 
+
+  .content-carrousel{
+    perspective: none;
+  }
   .my-projects {
-    width: 100%;
-    margin-left: 2rem; 
+    margin-left: 1rem;
+    width: 100vw;
   }
   main{
     overflow-x:visible;

diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=0.1" />
+    <meta name="viewport" content="width=device-width, initial-scale=0.75" />
     <title>my Portfolio</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />