Not so aggressive padding

elcuervo · elcuervo · commit e0a0a7761af6 · 2025-05-13T16:48:22.000-03:00
diff --git a/_sass/header.scss b/_sass/header.scss
@@ -19,24 +19,21 @@ body {
           color: #fcc24e;
           font: 700 6rem/1 'Syncopate', sans-serif;
           margin-left: 52px;
-          padding: 250px 0;
+          padding: 150px 0;
           width: 55%;
 
           @media (max-width: 992px) {
             font-size: 75px;
           }
 
           @media (max-width: 768px) {
-            font-size: 2rem;
-            margin: 0;
-            padding: 36px 0;
-            width: 85%;
+            display: none;
           }
         }
 
         img {
           position: absolute;
-          top: 53%;
+          top: 36%;
           left: 57%;
           width: 550px;
           z-index: 1;
@@ -53,7 +50,9 @@ body {
           }
 
           @media (max-width: 768px) {
-            display: none;
+            position: relative;
+            left: 0;
+            padding: 15px;
           }
         }
 

Original file line number	Diff line number	Diff line change
`@@ -19,24 +19,21 @@ body {`
`19`	`19`	`color: #fcc24e;`
`20`	`20`	`font: 700 6rem/1 'Syncopate', sans-serif;`
`21`	`21`	`margin-left: 52px;`
`22`		`- padding: 250px 0;`
	`22`	`+ padding: 150px 0;`
`23`	`23`	`width: 55%;`
`24`	`24`
`25`	`25`	`@media (max-width: 992px) {`
`26`	`26`	`font-size: 75px;`
`27`	`27`	`}`
`28`	`28`
`29`	`29`	`@media (max-width: 768px) {`
`30`		`- font-size: 2rem;`
`31`		`- margin: 0;`
`32`		`- padding: 36px 0;`
`33`		`- width: 85%;`
	`30`	`+ display: none;`
`34`	`31`	`}`
`35`	`32`	`}`
`36`	`33`
`37`	`34`	`img {`
`38`	`35`	`position: absolute;`
`39`		`- top: 53%;`
	`36`	`+ top: 36%;`
`40`	`37`	`left: 57%;`
`41`	`38`	`width: 550px;`
`42`	`39`	`z-index: 1;`
`@@ -53,7 +50,9 @@ body {`
`53`	`50`	`}`
`54`	`51`
`55`	`52`	`@media (max-width: 768px) {`
`56`		`- display: none;`
	`53`	`+ position: relative;`
	`54`	`+ left: 0;`
	`55`	`+ padding: 15px;`
`57`	`56`	`}`
`58`	`57`	`}`
`59`	`58`