Merge pull request #5 from FireIsGood/fix-styles

hazelthatsme · web-flow · commit ff87f36e2d47 · 2024-04-26T12:42:15.000+02:00
Fix styles on pages causing layout issues
diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
@@ -26,7 +26,7 @@ const { url, title, description } = Astro.props;
 		padding: 1em;
 		gap: 1em;
 		flex: 1;
-		min-width: 300px;
+		flex-basis: 300px;
 	}
 
 	.blog-post-card .info span {
diff --git a/src/components/Member.astro b/src/components/Member.astro
@@ -29,7 +29,7 @@ const { github, name } = Astro.props;
 		padding: 1em;
 		gap: 1em;
 		flex: 1;
-		min-width: 300px;
+		flex-basis: 300px;
 	}
 
 	.member-card .avatar {
diff --git a/src/pages/index.astro b/src/pages/index.astro
@@ -33,8 +33,7 @@ const members = await Astro.glob('../pages/members/*.md');
 		margin: auto;
 		padding: 1em;
 		max-width: 1080px;
-		width: 90vw;
-		font-size: 20px;
+		font-size: 1.25rem;
 		line-height: 1.6;
 	}
 

Original file line number	Diff line number	Diff line change
`@@ -26,7 +26,7 @@ const { url, title, description } = Astro.props;`
`26`	`26`	`padding: 1em;`
`27`	`27`	`gap: 1em;`
`28`	`28`	`flex: 1;`
`29`		`- min-width: 300px;`
	`29`	`+ flex-basis: 300px;`
`30`	`30`	`}`
`31`	`31`
`32`	`32`	`.blog-post-card .info span {`
Original file line number	Diff line number	Diff line change
`@@ -29,7 +29,7 @@ const { github, name } = Astro.props;`
`29`	`29`	`padding: 1em;`
`30`	`30`	`gap: 1em;`
`31`	`31`	`flex: 1;`
`32`		`- min-width: 300px;`
	`32`	`+ flex-basis: 300px;`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`.member-card .avatar {`
Original file line number	Diff line number	Diff line change
`@@ -33,8 +33,7 @@ const members = await Astro.glob('../pages/members/*.md');`
`33`	`33`	`margin: auto;`
`34`	`34`	`padding: 1em;`
`35`	`35`	`max-width: 1080px;`
`36`		`- width: 90vw;`
`37`		`- font-size: 20px;`
	`36`	`+ font-size: 1.25rem;`
`38`	`37`	`line-height: 1.6;`
`39`	`38`	`}`
`40`	`39`