fix(layer-2): convert grid column styling to templateColumns prop

TylerAPfledderer · TylerAPfledderer · commit 1221ed481a0f · 2023-03-12T23:35:15.000-04:00
diff --git a/src/pages/layer-2.tsx b/src/pages/layer-2.tsx
@@ -158,7 +158,11 @@ const StatDescription = (props: ChildOnlyType) => (
 )
 
 const Layer2CardGrid = (props: ChildOnlyType) => (
-  <SimpleGrid columns={4} gap={8} minChildWidth="280px" {...props} />
+  <SimpleGrid
+    templateColumns="repeat(4, minmax(min(100%, 280px), 1fr))"
+    gap={8}
+    {...props}
+  />
 )
 
 interface L2DataResponseItem {

Original file line number	Diff line number	Diff line change
`@@ -158,7 +158,11 @@ const StatDescription = (props: ChildOnlyType) => (`
`158`	`158`	`)`
`159`	`159`
`160`	`160`	`const Layer2CardGrid = (props: ChildOnlyType) => (`
`161`		`- <SimpleGrid columns={4} gap={8} minChildWidth="280px" {...props} />`
	`161`	`+ <SimpleGrid`
	`162`	`+ templateColumns="repeat(4, minmax(min(100%, 280px), 1fr))"`
	`163`	`+ gap={8}`
	`164`	`+ {...props}`
	`165`	`+ />`
`162`	`166`	`)`
`163`	`167`
`164`	`168`	`interface L2DataResponseItem {`