lower mobile breakpoint to 640px for foldable support on wyroby pages

This commit is contained in:
bronku 2026-06-10 18:09:33 +02:00
parent 1e21b526c3
commit cd3be4eba7
3 changed files with 5 additions and 5 deletions

View file

@ -25,7 +25,7 @@
}
}
@media (max-width: 768px) {
@media (max-width: 640px) {
:root {
--grid-cols: 1;
}

View file

@ -41,7 +41,7 @@
gap: 1rem;
@media (max-width: 768px) {
@media (max-width: 640px) {
grid-template-columns: 1fr;
}

View file

@ -5,7 +5,7 @@
#rodzaje-tortow {
display: grid;
grid-template-columns: repeat(4, 1fr);
@media (max-width: 768px) {
@media (max-width: 640px) {
grid-template-columns: 1fr;
}
gap: 2rem;
@ -14,7 +14,7 @@
#cennik-tortow {
display: grid;
grid-template-columns: 2fr 1fr;
@media (max-width: 768px) {
@media (max-width: 640px) {
grid-template-columns: 1fr;
}
gap: 2rem;
@ -156,7 +156,7 @@
gap: 2rem;
}
@media (max-width: 768px) {
@media (max-width: 640px) {
grid-template-columns: 1fr;
& > div {
grid-template-columns: 1fr;