responsive adjustments

eilleenmaria · Nov 26, 2022 · 1a10450 · 1a10450
1 parent 473515a
commit 1a10450
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/assets/css/home.css b/assets/css/home.css
@@ -26,7 +26,7 @@
     display: flex;
     width: 50%;
     height: 50px;
-    margin:10% 0 0 10%;
+    margin:8% 0 0 10%;
 }
 .button{
     color: var(--background-primary);
@@ -42,7 +42,7 @@
     background-color: var(--color-secundary);
     box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;    
 }  
-.home__social{  margin-top: 20%;} 
+.home__social{  margin-top: 10%;} 
 .home__social > a{padding: 0 30px 0 50px;}
 .home__img{   
     grid-column: 2/2;

diff --git a/assets/css/responsive.css b/assets/css/responsive.css
@@ -127,6 +127,7 @@
     .home__container{margin :0;}
     .home__social{  margin-top: 20%;} 
     .home__social > a{padding: 0 20px 0 20px;}
+    .home_contact{margin-left: 38%}
     .about__container{width: 80%; margin-left:1rem;}
     .about__text{font-size: .8em;}
     .training__cards-img:nth-child(1):hover span{font-size: .6em;}