Version 2

2023-10-31 19:39:28 +03:00
parent 648dba0a50
commit c5b1b7125f
12 changed files with 200 additions and 126 deletions
--- a/site/style/buttonStyle.css
+++ b/site/style/buttonStyle.css
@@ -2,9 +2,9 @@
    .button-grid {
        display: grid;
        display: grid;
-        grid-template-columns: 2fr 0.1fr 2fr;
-        grid-template-rows: calc(11vw * var(--sizeButton)) calc(11vw * var(--sizeButton)) calc(11vw * var(--sizeButton));
-        grid-gap: calc(2vw * var(--sizeButton));
+        grid-template-columns: 4fr 4fr 4fr;
+        grid-template-rows: 4fr 4fr;
+        grid-gap: 4fr;
    }

    .image-button {
@@ -35,10 +35,4 @@

    :root {
        --sizeButton: 1;
-    }
-
-    @media screen and (max-width: 980px) {
-        :root {
-            --sizeButton: 2;
-        }
    }