fix: mobile margins 2

mateus-lopes · mateus-lopes · commit 8996269b9b60 · 2025-05-15T20:34:26.000-03:00
diff --git a/src/components/sections/HighlightSection.vue b/src/components/sections/HighlightSection.vue
@@ -258,7 +258,7 @@ ul {
 
 @media screen and (max-width: 400px) {
   .social-medias {
-    margin-top: 3em;
+    margin-top: 3.5em;
   }
 }
 
diff --git a/src/components/sections/ProjectsSection.vue b/src/components/sections/ProjectsSection.vue
@@ -261,4 +261,10 @@ const showNavigation = computed(() => {
     width: 100%;
   }
 }
+
+@media screen and (max-width: 400px) {
+  .project-slider {
+    margin-top: 4em;
+  }
+}
 </style>

Original file line number	Diff line number	Diff line change
`@@ -261,4 +261,10 @@ const showNavigation = computed(() => {`
`261`	`261`	`width: 100%;`
`262`	`262`	`}`
`263`	`263`	`}`
	`264`	`+`
	`265`	`+@media screen and (max-width: 400px) {`
	`266`	`+ .project-slider {`
	`267`	`+ margin-top: 4em;`
	`268`	`+ }`
	`269`	`+}`
`264`	`270`	`</style>`