hngprojects / hng_boilerplate_nextjs

https://deployment.nextjs.boilerplate.hng.tech
205 stars 266 forks source link

[Fix]: [FE ANCHOR] subscribe button goes out of allignment After Email Submission #1199

Open Alphasome opened 1 month ago

Alphasome commented 1 month ago

Description

Description The subscribe button shifts out of alignment after a user enters their email and successfully subscribes.

Purpose: To ensure that the subscribe button remains properly aligned after a user submits their email

User Story: As a user, after subscribing with my email, I want the subscribe button to remain aligned

Acceptance Criteria

Requirements

  1. Adjust the CSS to ensure the button and form elements retain their alignment before and after the email is submitted.
  2. Check for any JavaScript or frontend logic that might alter the layout after submission

Expected Outcome: The subscribe button remains properly aligned before and after a user submits their email

Checklist

Links

| [https://www.figma.com/design/VEItfX6St5NSAqqNHImcxD/HNG-Boilerplate-Designs?node-id=10-23157&t=1TkEhfLMB1fQwC0P-0] (LIVE_LINK - https://anchor-python.teams.hng.tech/faqs)

Images

Before clicking on subscribe -

image

After clicking on subscribe -

image
Muneerat commented 1 month ago

I am working on this