feat: estilo hobekuntzak

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 {

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"

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>