Shop WIP

src/components/molecules/Poster.svelte

@@ -1,7 +1,19 @@
 <script lang="ts">
+    import Button from '$components/atoms/Button.svelte';
 
 </script>
 
 <div class="poster">
     <img src="https://picsum.photos/326/475" width={326} height={475} alt="blob">
+    <div class="buttons">
+        <Button
+            text="View poster"
+            size="xsmall"
+        />
+        <Button
+            text="Add to cart"
+            color="pink"
+            size="xsmall"
+        />
+    </div>
 </div>

src/components/organisms/PosterProduct.svelte

@@ -7,20 +7,20 @@
     <h2 class="title-huge">Melbourne</h2>
 
     <div class="poster-product__buy">
-        <img src="/images/poster-display.jpg" alt="">
         <div class="info">
             <dl>
-                <dt>Houses Of <br /> Melbourne</dt>
-                <dd>Poster - 30€</dd>
+                <dt>Poster</dt>
+                <dd>Houses Of Melbourne – 30€</dd>
             </dl>
             <Button
                 text="Add to cart"
-                color="beige"
+                color="pink"
             />
         </div>
+        <img src="/images/poster-display.jpg" alt="">
     </div>
 
-    <div class="poster-product__images grid">
+    <div class="poster-product__images grid container">
         <picture class="image image--first photo shadow-box-light">
             <img src="https://picsum.photos/656/493" width={656} height={493} alt="blob">
         </picture>
@@ -33,7 +33,7 @@
     </div>
 
     <div class="poster-product__about grid">
-        <div class="text">
+        <div class="text container">
             <p>This poster will bring you to straight to Melbourne, Australia with its unique Victorian architectural style, wrought iron and colorful fronts.</p>
             <p class="details">
                 Format: 40cm x 60cm (16” x 24”)<br>Printed on Recycled offset paper, 150gm/m2.<br>Frame not included.
@@ -41,7 +41,7 @@
         </div>
     </div>
 
-    <div class="poster-product__image grid">
+    <div class="poster-product__image grid container">
         <picture class="image image--fourth photo shadow-box-light">
             <img src="https://picsum.photos/854/588" width={854} height={588} alt="blob">
         </picture>