style/subscribe-page (#37)

* Edited the subscribe page so that the font was consistent throughout and that the field for entering email was bigger * Reduce weird margins on subscribe page
stuyspec · Nov 6, 2023 · c663d40 · c663d40
1 parent 378651c
commit c663d40
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 7 deletions.
diff --git a/components/SubscribeForm.tsx b/components/SubscribeForm.tsx
@@ -39,7 +39,7 @@ const SubscribeForm = () => {
 				name="email"
 				type="email"
 				id={styles.input}
-				placeholder="Email"
+				placeholder="Enter your email"
 				value={email}
 				onChange={(e) => setEmail(e.target.value)}
 			/>

diff --git a/styles/Subscribe.module.css b/styles/Subscribe.module.css
@@ -8,12 +8,10 @@
 	text-align: center;
 }
 
-#container > * {
-	margin: 1rem;
-}
 #heading {
 	font-size: var(--large-text);
 }
+
 #text {
 	font-size: var(--medium-text);
 }
@@ -24,15 +22,15 @@
 
 #input {
 	margin: 4px;
-
 	color: var(--primary);
 	background-color: transparent;
 	border-bottom: 2px solid var(--primary);
 	outline: none;
 	text-align: center;
-	width: 50vw;
+	width: 90vw;
 	max-width: 360px;
-	font-size: var(--small-text);
+	font-size: var(--medium-text);
+	margin-bottom: 0.5rem;
 }
 
 .subscribe_form {