feat: set auto-fit for grid elements

AxmBro · AxmBro · commit 8db79c9a3d51 · 2025-01-15T23:47:03.000+01:00
diff --git a/src/components/Todo.module.css b/src/components/Todo.module.css
@@ -8,10 +8,11 @@
 }
 
 .todoGridContainer {
-  grid-template-columns: repeat(3, minmax(50px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
   grid-gap: 1rem;
   display: grid;
   padding-top: 3rem;
+  justify-content: center;
 }
 
 .headerContainer {

Original file line number	Diff line number	Diff line change
`@@ -8,10 +8,11 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.todoGridContainer {`
`11`		`- grid-template-columns: repeat(3, minmax(50px, 1fr));`
	`11`	`+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));`
`12`	`12`	`grid-gap: 1rem;`
`13`	`13`	`display: grid;`
`14`	`14`	`padding-top: 3rem;`
	`15`	`+ justify-content: center;`
`15`	`16`	`}`
`16`	`17`
`17`	`18`	`.headerContainer {`