From aca8aa98665f1df5ae1155ef5b4147b9ea1cd467 Mon Sep 17 00:00:00 2001
From: bronku <bronk.jakub@proton.me>
Date: Tue, 12 May 2026 18:00:51 +0200
Subject: [PATCH] kawiarnia

---
 kawiarnia.css  | 16 +++++++++++++++-
 kawiarnia.html | 44 +++++++++++++++++++++++++++++++++++++++++---
 2 files changed, 56 insertions(+), 4 deletions(-)

diff --git a/kawiarnia.css b/kawiarnia.css
index 44325ed..7b70358 100644
--- a/kawiarnia.css
+++ b/kawiarnia.css
@@ -71,7 +71,12 @@
     & > div {
         justify-content: center;
         display: grid;
-        grid-template-columns: repeat(auto-fill, 18rem);
+        grid-template-columns: repeat(3, 1fr);
+
+
+        @media (max-width: 786px) {
+            grid-template-columns: 1fr;
+        }
         width: 100%;
         gap: 2rem;
 
@@ -89,6 +94,7 @@
                 color: var(--icon-color);
                 background-color: rgb(from var(--icon-color) r g b / 10%);
                 border-radius: var(--border-radius);
+                overflow: visible;
             }
 
             & > h3 {
@@ -98,6 +104,10 @@
             & > ul {
                 grid-column: 1/span 2;
 
+                & > h3 {
+                    padding-top: 2rem ;
+                }
+
                 & > li {
                     display: flex;
                     align-items: center;
@@ -113,6 +123,10 @@
                     }
                 }
             }
+
+            &:first-child {
+                grid-row: span 2;
+            }
         }
     }
 }
diff --git a/kawiarnia.html b/kawiarnia.html
index 8bb2ac5..99653b5 100644
--- a/kawiarnia.html
+++ b/kawiarnia.html
@@ -59,15 +59,29 @@
                     <li><p>Latte Macchiato</p><span>15 PLN</span></li>
                     <li><p>Kawa Mrożona</p><span>22 PLN</span></li>
                     <li><p>Ice Latte</p><span>20 PLN</span></li>
-                </ul>
-                <h3>Dodatki do kawy</h3>
-                <ul>
+                    <h3>Dodatki</h3>
                     <li><p>Bita śmietana</p><span>4 PLN</span></li>
                     <li><p>Syrop</p><span>2 PLN</span></li>
                     <li><p>Dodatkowa porcja espresso</p><span>2 PLN</span></li>
                 </ul>
             </div>
             <div>
+                <svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cake-slice-icon lucide-cake-slice"><path d="M16 13H3"/><path d="M16 17H3"/><path d="m7.2 7.9-3.388 2.5A2 2 0 0 0 3 12.01V20a1 1 0 0 0 1 1h16a1 1 0 0 0 1-1v-8.654c0-2-2.44-6.026-6.44-8.026a1 1 0 0 0-1.082.057L10.4 5.6"/><circle cx="9" cy="7" r="2"/></svg>
+                <h3>Słodkości</h3>
+                 <ul><p>Codziennie pieczemy coś innego! Zapytaj obsługę o dzisiejsze smaki.</p>
+
+                     <li><p>Domowe ciasta</p><span>10 - 15 LN</span></li>
+                    <li><p>Deserki</p><span>5 - 10 PLN</span></li>
+                     <li><p>Mini Pavlova</p><span>10 PLN</span></li>
+                </ul>
+            </div>
+            <div>
+                <svg style="--icon-color: #7D8C61" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     class="lucide lucide-leaf-icon lucide-leaf">
+                    <path d="M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z"/>
+                    <path d="M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12"/>
+                </svg>
                 <h3>Herbaty</h3>
                 <ul>
                     <li><p>Czarna</p><span>10 PLN</span></li>
@@ -80,6 +94,14 @@
                 </ul>
             </div>
             <div>
+                <svg style="--icon-color: #D48C45" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     class="lucide lucide-cup-soda-icon lucide-cup-soda">
+                    <path d="m6 8 1.75 12.28a2 2 0 0 0 2 1.72h4.54a2 2 0 0 0 2-1.72L18 8"/>
+                    <path d="M5 8h14"/>
+                    <path d="M7 15a6.47 6.47 0 0 1 5 0 6.47 6.47 0 0 0 5 0"/>
+                    <path d="m12 8 1-6h2"/>
+                </svg>
                 <h3>Napoje</h3>
                 <ul>
                     <li><p>Woda gazowana</p><span>6 PLN</span></li>
@@ -92,6 +114,13 @@
                 </ul>
             </div>
             <div>
+                <svg style="--icon-color: #B56576" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     class="lucide lucide-ice-cream-cone-icon lucide-ice-cream-cone">
+                    <path d="m7 11 4.08 10.35a1 1 0 0 0 1.84 0L17 11"/>
+                    <path d="M17 7A5 5 0 0 0 7 7"/>
+                    <path d="M17 7a2 2 0 0 1 0 4H7a2 2 0 0 1 0-4"/>
+                </svg>
                 <h3>Lody</h3>
                 <ul>
                     <li><p>Mała gałka</p><span>6 PLN</span></li>
@@ -102,6 +131,15 @@
                 </ul>
             </div>
             <div>
+                <svg style="--icon-color: #C29B40" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"
+                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
+                     class="lucide lucide-grid3x3-icon lucide-grid-3x3">
+                    <rect width="18" height="18" x="3" y="3" rx="2"/>
+                    <path d="M3 9h18"/>
+                    <path d="M3 15h18"/>
+                    <path d="M9 3v18"/>
+                    <path d="M15 3v18"/>
+                </svg>
                 <h3>Gofry</h3>
                 <ul>
                     <li><p>Gofr</p><span>12 PLN</span></li>