diff --git a/css/swieta.css b/css/swieta.css index 1929a48..a3a7d44 100644 --- a/css/swieta.css +++ b/css/swieta.css @@ -4,23 +4,31 @@ } #swieta { + & > * { + padding: 2rem; + } + & .card:hover{ + transform:none; + } & > header { & p, & h1 { color: white; } - padding: 8rem 2rem; - padding-bottom: 0; + padding: 8rem 2rem 0; + max-width: var(--max-content-width); + margin: 0 auto; & span { word-spacing: 0.5rem; color: var(--swieta-gold); } & > div { - padding: 4rem 2rem; + padding: 2rem; display: flex; flex-direction: column; align-items: center; background-color: var(--swieta-green); border-radius: var(--border-radius); + } } @@ -36,6 +44,34 @@ } } } + + & #additional-info { + display: grid; + grid-template-columns: 1fr 1fr; + gap: 2rem; + @media (max-width: 768px) { + grid-template-columns: 1fr ; + } + & > div { + box-sizing: border-box; + padding: 2rem; + display: flex; + flex-direction:column; + align-items: center; + gap: 0.5rem; + } + & span { + color: var(--primary); + } + & a { + text-decoration: none; + color: var(--on-background); + } + & p { + margin: 0; + text-align: center; + } + } } diff --git a/html/swieta.templ b/html/swieta.templ index ef9c74b..bef8dc5 100644 --- a/html/swieta.templ +++ b/html/swieta.templ @@ -14,6 +14,18 @@ templ Swieta(products []types.Product) {
+Wszystkie zamówienia wydajemy w wigilię w Kawiarnii
+Zamówienia można złożyć telefonicznie 690 214 515
lub osobiście w kawiarnii