Fixed NASA being in the wrong location

monty2464 · monty2464 · commit 657afd668cb9 · 2025-10-02T13:39:11.000-04:00
diff --git a/src/pages/general/navigation/Navigation.tsx b/src/pages/general/navigation/Navigation.tsx
@@ -83,7 +83,7 @@ const Navigation = (): React.ReactElement => {
 							onMouseEnter={handleMouseEnter}
 							onMouseLeave={handleMouseLeave}>
 							<NavDropdown
-								title='Projects'
+								title='Groups'
 								id='projects-dropdown'
 								show={showDropdown}
 								className='nav-link'
diff --git a/src/pages/home/HomeStyles.tsx b/src/pages/home/HomeStyles.tsx
@@ -125,9 +125,11 @@ export default class HomeStyles {
 	}
 
 	& > img {
-		justify-self: end;
-		max-width: 100%;              /* never exceed its column */
-		height: auto;                 /* keep aspect ratio on mobile */
+		justify-self: right;
+		max-width: 40%;              /* never exceed its column */
+		height: 40%;                 /* keep aspect ratio on mobile */
+		padding-bottom: 20px;              /* remove overflow-causing margins */
+
 	}
 
 	/* Stack on very small screens to avoid squish */

Original file line number	Diff line number	Diff line change
`@@ -125,9 +125,11 @@ export default class HomeStyles {`
`125`	`125`	`}`
`126`	`126`
`127`	`127`	`& > img {`
`128`		`- justify-self: end;`
`129`		`- max-width: 100%; /* never exceed its column */`
`130`		`- height: auto; /* keep aspect ratio on mobile */`
	`128`	`+ justify-self: right;`
	`129`	`+ max-width: 40%; /* never exceed its column */`
	`130`	`+ height: 40%; /* keep aspect ratio on mobile */`
	`131`	`+ padding-bottom: 20px; /* remove overflow-causing margins */`
	`132`	`+`
`131`	`133`	`}`
`132`	`134`
`133`	`135`	`/* Stack on very small screens to avoid squish */`