Update grid responsiveness with medium and large breakpoints

TorstenDittmann · TorstenDittmann · commit 31e6bc6f2388 · 2025-05-19T14:54:44.000+02:00
diff --git a/packages/main/src/compoments/_grid.scss b/packages/main/src/compoments/_grid.scss
@@ -7,7 +7,10 @@
 	display: grid;
 	grid-template-columns: 1fr;
 
-	@media (min-width: map.get(breakpoints.$breakpoints, "small")) {
+	@media (min-width: map.get(breakpoints.$breakpoints, "medium")) {
+		grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));
+	}
+	@media (min-width: map.get(breakpoints.$breakpoints, "large")) {
 		grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));
 	}
 }

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,10 @@`
`7`	`7`	`display: grid;`
`8`	`8`	`grid-template-columns: 1fr;`
`9`	`9`
`10`		`- @media (min-width: map.get(breakpoints.$breakpoints, "small")) {`
	`10`	`+ @media (min-width: map.get(breakpoints.$breakpoints, "medium")) {`
	`11`	`+ grid-template-columns: repeat(auto-fit, minmax(33%, 1fr));`
	`12`	`+ }`
	`13`	`+ @media (min-width: map.get(breakpoints.$breakpoints, "large")) {`
`11`	`14`	`grid-template-columns: repeat(auto-fit, minmax(20%, 1fr));`
`12`	`15`	`}`
`13`	`16`	`}`