thrid section

This commit is contained in:
bronku 2026-05-13 10:25:08 +02:00
parent 1908c54184
commit 305771fb79
7 changed files with 63 additions and 39 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

@ -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;
}
}
}

View file

@ -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>
<li>czekoladowy (możliwość połączenia z frużeliną malinową bądź wiśniową),</li>
<li>czekoladowo śmietankowy</li>
<li>czekoladowo malinowy</li>
<li>czekoladowy z żelką pomarańczową</li>
<li>słony karmel z musem z owoców leśnych</li>
<li>kinder bueno z prażynką czekoladową</li>
<li>chałwowy z chrupką oraz żelką i kremem wiśniowym</li>
<li>karmelowy z powidłami z czarnej porzeczki</li>
<li>oreo</li>
<li>nugat z orzechami laskowymi i kremem śmietankowym</li>
</ul>
<dl>
<div>
<dt>Czekoladowy</dt>
<dd>Możliwość połączenia z frużeliną malinową bądź wiśniową</dd>
</div>
<dt>Czekoladowo śmietankowy</dt>
<dt>Czekoladowo malinowy</dt>
<dt>Czekoladowy z żelką pomarańczową</dt>
<dt>Słony karmel z musem z owoców leśnych</dt>
<dt>Kinder bueno z prażynką czekoladową</dt>
<dt>Chałwowy z chrupką oraz żelką i kremem wiśniowym</dt>
<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>
<li>śmietankowy (w sezonie możliwość dodatku świeżych owoców)</li>
<li>pistacja z malinami</li>
<li>owocowe (truskawkowy, malinowy, mango, czarna porzeczka, mango-owoce leśne)</li>
<li>rafaello na bazie białej czekolady</li>
<li>kokosowo-malinowy z żelką malinową</li>
</ul>
<dl>
<div>
<dt>Śmietankowy</dt>
<dd>W sezonie możliwość dodatku świeżych owoców</dd>
</div>
<dt>Pistacja z malinami</dt> <div>
<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>
<li>cytrynowy na bazie lemon curd</li>
<li>kawowy na bazie biszkoptu kawowego</li>
</ul>
<dl>
<dt>Cytrynowy na bazie lemon curd</dt>
<dt>Kawowy na bazie biszkoptu kawowego</dt>
</dl>
</div>
</section>
<section>