style tweaks

css/swieta.css

@@ -15,6 +15,9 @@
             color: white;
         }
         padding: 8rem 2rem 0;
+        @media (max-width: 1024px) {
+            padding: 2rem 2rem 0;
+        }
         max-width: var(--max-content-width);
         margin: 0 auto;
         & span {
@@ -42,6 +45,20 @@
             & > :first-child {
                 display:none;
             }
+            &:not(:last-child) > div:last-child {
+                grid-template-columns: 1fr auto auto;
+                grid-template-rows: auto;
+                align-items: center;
+                & > span {
+                    grid-column: 3;
+                }
+                & > p{
+                    margin: 0;
+                    padding-right: 0.5rem;
+                    grid-column: 2;
+                    grid-row: 1;
+                }
+            }
         }
     }
 

html/swieta.templ

@@ -2,6 +2,19 @@ package html
 
 import "piekarnikgosipl/types"
 
+// templ card-swieta(product types.Product) {
+// 	<div class="card">
+// 		<div>
+// 			@AvifImage("wyroby/"+product.Image+".avif", product.Name, true)
+// 		</div>
+// 		<div>
+// 			<h3>{ product.Name }</h3>
+// 			<span>{ product.Price }zł</span>
+// 			<p>{ product.Description }</p>
+// 		</div>
+// 	</div>
+// }
+
 templ Swieta(products []types.Product) {
 	@layout("swieta") {
 		<main tabindex="-1" id="swieta">