thrid section

components.css

@@ -1,5 +1,3 @@
-@import "base.css";
-
 .btn {
     background-image: linear-gradient(to right, var(--primary), var(--primary-container));
     padding: 1rem 2rem;

home.css

@@ -1,5 +1,3 @@
-@import "base.css";
-
 #index > header {
     max-width: var(--max-content-width);
 

kawiarnia.css

@@ -1,5 +1,3 @@
-@import "base.css";
-
 #kawiarnia-header {
     padding: 0;
     max-width: 100%;

layout.css

@@ -1,6 +1,3 @@
-@import "base.css";
-
-
 body > nav {
     position: sticky;
     top: 0;

portfolio.css

@@ -1,5 +1,3 @@
-@import "base.css";
-
 .portfolio {
     padding-top: 2rem;
 

wyroby_torty.css

@@ -1,3 +1,7 @@
+#wyroby-torty > section{
+    padding: 2rem;
+}
+
 #rodzaje-tortow {
     display: grid;
     grid-template-columns: repeat(4, 1fr);
@@ -80,3 +84,26 @@
 
 }
 
+#menu-smakow {
+    display: grid;
+    grid-template-columns: repeat(var(--grid-cols), 1fr);
+    gap: 2rem;
+    & > header {
+        grid-column: 1 / -1;
+        text-align: center;
+    }
+    & dl {
+        & > * {
+            padding: 0.25rem 0;
+        }
+        & dt {
+            font-weight: 500;
+            font-size: 1.2em;
+        }
+        & dd {
+            font-weight: lighter;
+            margin: 0;
+        }
+    }
+}
+

wyroby_torty.html

@@ -22,7 +22,7 @@
         <a class="btn">Kontakt</a>
     </div>
 </nav>
-<main>
+<main id="wyroby-torty">
     <header class="subnav">
         <h1>Nasze słodkości</h1>
         <p>Poznaj nasze tradycyjne receptury przekute w nowoczesne formy. Każdy wypiek to historia pasji, a każde lody
@@ -80,42 +80,50 @@
             </ul>
         </div>
     </section>
-    <section>
+    <section id="menu-smakow">
         <header>
             <h2>Menu smaków</h2>
             <p>Wybierz swoją ulubioną kompozycję bazową</p>
         </header>
-        <div>
+        <div class="card-low">
             <h3>Biszkopt Kakaowy</h3>
-            <ul>
+            <dl>
-                <li>czekoladowy (możliwość połączenia z frużeliną malinową bądź wiśniową),</li>
+                <div>
-                <li>czekoladowo – śmietankowy</li>
+                    <dt>Czekoladowy</dt>
-                <li>czekoladowo – malinowy</li>
+                    <dd>Możliwość połączenia z frużeliną malinową bądź wiśniową</dd>
-                <li>czekoladowy z żelką pomarańczową</li>
+                </div>
-                <li>słony karmel z musem z owoców leśnych</li>
+                <dt>Czekoladowo – śmietankowy</dt>
-                <li>kinder bueno z prażynką czekoladową</li>
+                <dt>Czekoladowo – malinowy</dt>
-                <li>chałwowy z chrupką oraz żelką i kremem wiśniowym</li>
+                <dt>Czekoladowy z żelką pomarańczową</dt>
-                <li>karmelowy z powidłami z czarnej porzeczki</li>
+                <dt>Słony karmel z musem z owoców leśnych</dt>
-                <li>oreo</li>
+                <dt>Kinder bueno z prażynką czekoladową</dt>
-                <li>nugat z orzechami laskowymi i kremem śmietankowym</li>
+                <dt>Chałwowy z chrupką oraz żelką i kremem wiśniowym</dt>
-            </ul>
+                <dt>Karmelowy z powidłami z czarnej porzeczki</dt>
+                <dt>Oreo</dt>
+                <dt>Nugat z orzechami laskowymi i kremem śmietankowym</dt>
+            </dl>
         </div>
-        <div>
+        <div class="card-low">
             <h3>Biszkopt biały</h3>
-            <ul>
+            <dl>
-                <li>śmietankowy (w sezonie możliwość dodatku świeżych owoców)</li>
+                <div>
-                <li>pistacja z malinami</li>
+                    <dt>Śmietankowy</dt>
-                <li>owocowe (truskawkowy, malinowy, mango, czarna porzeczka, mango-owoce leśne)</li>
+                    <dd>W sezonie możliwość dodatku świeżych owoców</dd>
-                <li>rafaello na bazie białej czekolady</li>
+                </div>
-                <li>kokosowo-malinowy z żelką malinową</li>
+                <dt>Pistacja z malinami</dt> <div>
-            </ul>
+                    <dt>Owocowe</dt>
+                    <dd>Truskawkowy, malinowy, mango, czarna porzeczka, mango-owoce leśne</dd>
+                </div>
+                <dt>Rafaello na bazie białej czekolady</dt>
+                <dt>Kokosowo-malinowy z żelką malinową</dt>
+            </dl>
         </div>
-        <div>
+        <div class="card-low">
             <h3>Inne</h3>
-            <ul>
+            <dl>
-                <li>cytrynowy na bazie lemon curd</li>
+                <dt>Cytrynowy na bazie lemon curd</dt>
-                <li>kawowy na bazie biszkoptu kawowego</li>
+                <dt>Kawowy na bazie biszkoptu kawowego</dt>
-            </ul>
+            </dl>
         </div>
     </section>
     <section>