poprawki responsywności

2026-05-03 11:45:34 +00:00 · 2023-07-14 01:52:36 +02:00
parent cbe983f96c
commit d932ebfa50
2 changed files with 100 additions and 73 deletions
@@ -112,6 +112,7 @@ function chooseSection(sectionId: SectionMode) {
 .section_modes {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
+
  gap: 0.5em;

  margin-bottom: 0.5em;
@@ -138,5 +139,11 @@ function chooseSection(sectionId: SectionMode) {
    }
  }
 }
+
+@media screen and (max-width: 650px) {
+  .section_modes {
+    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
+  }
+}
 </style>