diff --git a/base.css b/base.css index 96b9d32..dba787f 100644 --- a/base.css +++ b/base.css @@ -84,7 +84,3 @@ ul { padding: 0; margin: 0; } - -header { - margin-bottom: 5rem; -} diff --git a/components.css b/components.css index fd1cc6a..d96a69f 100644 --- a/components.css +++ b/components.css @@ -14,6 +14,21 @@ } } +.btn-green { + padding: 0.5rem 1.5rem; + text-decoration: none; + background-color: var(--secondary-container); + border-radius: var(--border-radius); + color: var(--on-secondary-container); + + transition-duration: 0.2s; + + &[href]:not(:hover) { + background-color: var(--surface-container-highest); + color: var(--on-background); + } +} + .card { width: 100%; display: flex; diff --git a/portfolio.html b/portfolio.html index c7f68af..f082a2b 100644 --- a/portfolio.html +++ b/portfolio.html @@ -1,13 +1,13 @@ - + Piekarnik Gosi - - + + - - + +
+
+
+

Nasze Słodkie Realizacje

+

Galeria pasji uwieczniona w kremie i dekoracjach. Zobacz wybrane projekty, które uświetniły wyjątkowe chwile naszych klientów – od bajkowych tortów dla dzieci po eleganckie torty weselne.

+
+
+ diff --git a/wyroby.css b/wyroby.css index ba10c71..9978bdf 100644 --- a/wyroby.css +++ b/wyroby.css @@ -3,35 +3,29 @@ .wyroby { padding-top: 2rem; - & > div:nth-child(2) { - display: grid; - grid-template-columns: auto 1fr auto auto auto auto; + & > header { + justify-content: center; align-items: center; - gap: 1rem; - & > div { - height: 0; - border: 1px solid var(--outline-variant); - margin: 0 1rem; + display: flex; + flex-direction: column; + & > p { + margin: 0; } - &> h2 { - font-size: 2.25rem; - } - & > a { - padding: 0.5rem 1rem; - text-decoration: none; - background-color: var(--secondary-container); - border-radius: var(--small-border-radius); - color: var(--on-secondary-container); - - &[href] { - background-color: var(--surface-container-highest); - color: var(--on-background); - } + & > * { + text-align: center; + max-width: 40rem; } } + & > div:nth-child(2) { + display: flex; + align-items: center; + gap: 1rem; + justify-content: center; + padding: 3rem; + } + & > :last-child { - padding-top: 2rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; diff --git a/wyroby.html b/wyroby.html index 0d8faaa..eabe986 100644 --- a/wyroby.html +++ b/wyroby.html @@ -30,12 +30,10 @@ powiew naturalnej świeżości

-

Ciasta

-
- Ciasta - Torty - Slodkie stoły - Lody + Ciasta + Torty + Slodkie stoły + Lody