From 5fd823d95b5bf6dab57e6d2c1cb0d5db865ef48e Mon Sep 17 00:00:00 2001
From: "aitor c. urrutia aranburu" <aitorcurrutia@gmail.com>
Date: Mon, 17 Aug 2026 11:30:42 +0200
Subject: [PATCH] feat: estilo hobekuntzak

---
 src/components/YT2RSS/YT2RSS.module.scss | 7 ++++++-
 src/components/YT2RSS/YT2RSS.tsx         | 2 +-
 src/pages/index.astro                    | 7 +++++++
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/src/components/YT2RSS/YT2RSS.module.scss b/src/components/YT2RSS/YT2RSS.module.scss
index 61f5d52..010085d 100644
--- a/src/components/YT2RSS/YT2RSS.module.scss
+++ b/src/components/YT2RSS/YT2RSS.module.scss
@@ -10,10 +10,15 @@ Spoiled Rotten (#b3bfe6)
 
 .wrapper {
   background-color: #99b7cc;
-  padding: 2em;
+
   border-radius: 1em;
   display: flex;
   flex-direction: column;
+
+  padding: 1em;
+  @media (min-width: 1220px) {
+    padding: 2em;
+  }
 }
 
 .form {
diff --git a/src/components/YT2RSS/YT2RSS.tsx b/src/components/YT2RSS/YT2RSS.tsx
index 3f9fa35..264dc48 100644
--- a/src/components/YT2RSS/YT2RSS.tsx
+++ b/src/components/YT2RSS/YT2RSS.tsx
@@ -40,7 +40,7 @@ export const YT2RSS: React.FC = () => {
   return (
     <div className={styles.wrapper}>
       <form onSubmit={handleSubmit} className={styles.form}>
-        <label htmlFor="ytUrl">Zure kanalaren helbidea:</label>
+        <label htmlFor="ytUrl">YouTube Kanalaren helbidea:</label>
 
         <input
           id="ytUrl"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index e6a3868..c1c0003 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -66,6 +66,12 @@ import Layout from "../layouts/Layout.astro";
 
   .erreminta {
     margin-bottom: 2em;
+
+    width: 100%;
+
+    @media (min-width: 1220px) {
+      width: 120ch;
+    }
   }
 
   .sarrera {
@@ -77,6 +83,7 @@ import Layout from "../layouts/Layout.astro";
   main {
     display: flex;
     flex-direction: column;
+    align-items: center;
     padding: 1em;
   }
 </style>