mobile layout work

css/kawiarnia.css

@@ -21,7 +21,11 @@
         & > div {
             position: absolute;
             bottom: 0;
-            background-image: linear-gradient(to right, var(--surface), transparent);
+            background-image: linear-gradient(
+                to right,
+                var(--surface),
+                transparent
+            );
             width: 100%;
             height: 100%;
             z-index: 100;
@@ -37,6 +41,10 @@
         gap: 1.5rem;
         align-items: flex-start;
 
+        @media (max-width: 768px) {
+            padding: 4rem 1rem;
+        }
+
         & > h1 {
             line-height: unset;
         }
@@ -74,7 +82,6 @@
             display: grid;
             grid-template-columns: repeat(var(--grid-cols), 1fr);
 
-
             width: 100%;
             gap: 2rem;
 
@@ -119,7 +126,7 @@
     width: 100%;
 
     & > header {
-        grid-column: 1/  -1;
+        grid-column: 1/ -1;
         display: flex;
         flex-direction: column;
         justify-content: center;
@@ -166,6 +173,5 @@
             text-decoration: none;
             font-size: 1.25rem;
         }
-
     }
 }