Intro component with signup form - TailwindCSS

Solution retrospective
One issue that halted my progress was that when the error signs & messages popped up, the background image looked different relative to the form. This was due to the form growing in size to fit the error messages. To solve it, I ended up using JavaScript to swap Tailwind class names in order to reduce the vertical padding on <main>
. Is there a cleaner approach that doesn't rely so much on JavaScript to fix this issue?
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Stephen Yu's solution.
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord