Add #github-icon to media query and fix width

ian-ani · ian-ani · commit 9e5f11c0e561 · 2025-02-21T16:15:54.000+01:00
diff --git a/web/styles.css b/web/styles.css
@@ -52,8 +52,7 @@ body {
     margin: 2% 3% 2% 2%;
     right: 0;
     bottom: 0;
-    max-width: 5%;
-    max-height: 5%;
+    width: 3%;
 }
 
 @media screen and (width <= 950px) and (orientation: portrait){
@@ -70,4 +69,7 @@ body {
     #when {
         font-size: 4vw;
     }
+    #github-icon {
+        width: 10%;
+    }
 }

Original file line number	Diff line number	Diff line change
`@@ -52,8 +52,7 @@ body {`
`52`	`52`	`margin: 2% 3% 2% 2%;`
`53`	`53`	`right: 0;`
`54`	`54`	`bottom: 0;`
`55`		`- max-width: 5%;`
`56`		`- max-height: 5%;`
	`55`	`+ width: 3%;`
`57`	`56`	`}`
`58`	`57`
`59`	`58`	`@media screen and (width <= 950px) and (orientation: portrait){`
`@@ -70,4 +69,7 @@ body {`
`70`	`69`	`#when {`
`71`	`70`	`font-size: 4vw;`
`72`	`71`	`}`
	`72`	`+ #github-icon {`
	`73`	`+ width: 10%;`
	`74`	`+ }`
`73`	`75`	`}`