From d3a68acfb07263d62211b69c871c330628d9bae7 Mon Sep 17 00:00:00 2001
From: "Aitor C. Urrutia Aranburu" <aitorcurrutia@gmail.com>
Date: Tue, 9 Sep 2025 17:20:08 +0200
Subject: [PATCH] feat: paragraph factory-an espazioa jartzen du

---
 .../orriBasikoa/_components/EdukiLibrea.astro | 36 +++++++++++++------
 1 file changed, 26 insertions(+), 10 deletions(-)

diff --git a/front/src/views/orriBasikoa/_components/EdukiLibrea.astro b/front/src/views/orriBasikoa/_components/EdukiLibrea.astro
index 824c4db..6b035f5 100644
--- a/front/src/views/orriBasikoa/_components/EdukiLibrea.astro
+++ b/front/src/views/orriBasikoa/_components/EdukiLibrea.astro
@@ -10,14 +10,30 @@ interface Props {
 const { paragraph } = Astro.props;
 ---
 
-{
-  paragraph.type === "ComponentParagraphIrudia" && (
-    <ParagraphIrudia media={paragraph.media} />
-  )
-}
+<div>
+  {
+    paragraph.type === "ComponentParagraphIrudia" && (
+      <ParagraphIrudia media={paragraph.media} />
+    )
+  }
 
-{
-  paragraph.type === "ComponentParagraphTestua" && (
-    <ParagraphTestua testua={paragraph.testua} />
-  )
-}
+  {
+    paragraph.type === "ComponentParagraphTestua" && (
+      <ParagraphTestua testua={paragraph.testua} />
+    )
+  }
+</div>
+
+<style lang="scss">
+  @use "../../../style/tools/mediaQueries.scss";
+
+  div {
+    margin-bottom: var(--space-05-mobile);
+
+    &:not(:last-child) {
+      @include mediaQueries.aboveTablet {
+        margin-bottom: var(--space-05-desktop);
+      }
+    }
+  }
+</style>