diff --git a/base.css b/base.css
index dba787f..03e53df 100644
--- a/base.css
+++ b/base.css
@@ -14,6 +14,7 @@
--on-secondary-container: #4c5e3e;
--on-surface: #363227;
--outline-variant: #b9b1a3;
+ --on-surface-variant: #645f52;
}
body {
@@ -23,35 +24,36 @@ body {
}
-h1, h2, h3, h4{
+h1, h2, h3, h4 {
margin: 0;
- font-family: serif;
+ font-family: serif;
color: var(--on-background);
+
& > span {
font-style: italic;
color: var(--primary);
}
}
-h1{
+h1 {
font-size: 4rem;
line-height: 3.5rem;
margin: 1.5rem 0;
}
-h2{
+h2 {
font-size: 3.5rem;
}
-h3{
+h3 {
font-size: 1.5rem;
}
-h4{
+h4 {
font-size: 1rem;
}
-h5{
+h5 {
font-size: 0.8rem;
}
@@ -64,7 +66,7 @@ p {
section, nav, footer {
padding: 8rem 2rem;
- & > div:only-child, &:not(:has(>div:only-child)){
+ & > div:only-child, &:not(:has(>div:only-child)) {
max-width: var(--max-content-width);
margin: 0 auto;
}
diff --git a/images/009.jpg b/images/009.jpg
new file mode 100644
index 0000000..8456d8d
Binary files /dev/null and b/images/009.jpg differ
diff --git a/kawiarnia.css b/kawiarnia.css
new file mode 100644
index 0000000..c5b003f
--- /dev/null
+++ b/kawiarnia.css
@@ -0,0 +1,55 @@
+@import "base.css";
+
+#kawiarnia-header {
+ padding: 0;
+ max-width: 100%;
+ width: 100%;
+ overflow: hidden;
+ position: relative;
+
+ & > :last-child {
+ z-index: -10;
+ position: absolute;
+ bottom: 0;
+ width: 100%;
+ & > img {width: 100%;}
+ & > div {
+ position: absolute;
+ bottom: 0;
+ background-image: linear-gradient(to right, var(--surface), transparent);
+ width: 100%;
+ height: 100%;
+ z-index: 100;
+ }
+ }
+
+ & > :first-child {
+ margin: 0 auto;
+ max-width: var(--max-content-width);
+ padding: 8rem 2rem;
+ display: flex;
+ flex-direction: column;
+ gap: 1.5rem;
+ align-items: flex-start;
+
+ & > h1 {
+ line-height: unset;
+ }
+ & > * {
+ max-width: 40%;
+ margin: 0;
+ }
+
+ & > span {
+ color: var(--primary);
+ letter-spacing: 0.05rem;
+ font-size: 1.125rem;
+ }
+
+ & > p {
+ font-size: 1.125rem;
+ color: var(--on-surface-variant);
+ }
+ }
+}
+
diff --git a/kawiarnia.html b/kawiarnia.html
index 844c82d..72d85eb 100644
--- a/kawiarnia.html
+++ b/kawiarnia.html
@@ -1,27 +1,131 @@
- Piekarnik Gosi
- Piekarnik Gosi
+
-
+
+
+
+
+
+
+
Pasja, natura i domowy smak w każdym kawałku ciasta.
+
+
© 2026 Piekarnik Gosi.
+
diff --git a/portfolio.css b/portfolio.css
new file mode 100644
index 0000000..ef1b5fb
--- /dev/null
+++ b/portfolio.css
@@ -0,0 +1,29 @@
+@import "base.css";
+
+.portfolio {
+ padding-top: 2rem;
+
+ & > header {
+ justify-content: center;
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+
+ & > p {
+ margin: 0;
+ }
+
+ & > * {
+ text-align: center;
+ max-width: 40rem;
+ }
+ }
+
+ & > div:nth-child(2) {
+ display: flex;
+ align-items: center;
+ gap: 1rem;
+ justify-content: center;
+ padding: 3rem;
+ }
+}
\ No newline at end of file
diff --git a/portfolio.html b/portfolio.html
index f082a2b..1402062 100644
--- a/portfolio.html
+++ b/portfolio.html
@@ -28,6 +28,12 @@
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/style.css b/style.css
index afe9778..5270ed3 100644
--- a/style.css
+++ b/style.css
@@ -2,4 +2,6 @@
@import "components.css";
@import "home.css";
@import "layout.css";
-@import "wyroby.css";
\ No newline at end of file
+@import "wyroby.css";
+@import "portfolio.css";
+@import "kawiarnia.css";
\ No newline at end of file
diff --git a/wyroby.css b/wyroby.css
index 9978bdf..490a27e 100644
--- a/wyroby.css
+++ b/wyroby.css
@@ -27,7 +27,9 @@
& > :last-child {
display: grid;
- grid-template-columns: repeat(3, 1fr);
+ justify-content: center;
+ grid-template-columns: repeat(auto-fill, 18rem);
+ width: 100%;
gap: 2rem;
& > .card {
@@ -35,10 +37,13 @@
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
+ & > h3 {
+ font-size: 1.25rem;
+ }
& > span {
color: var(--primary);
- font-size: 1.5rem;
+ font-size: 1.25rem;
font-weight: bold;
justify-self: end;
}
+
+