diff --git a/components/SubscribeForm.tsx b/components/SubscribeForm.tsx index e1bc044..349befe 100644 --- 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 index e2dd8ab..439eb7a 100644 --- 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 {