Skip to content
Submitted over 1 year ago

Responsive newsletter signup using vanilla HTML, CSS, and JS

jaedon farr•40
@AltaOfficial
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Newsletter sign-up form with success message
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I found doing the positioning and aligning very difficult and time consuming.

I feel as though there is a way to add transitions to the gradient but I couldn't find an straightforward way of doing it.

Would you have two different pages use the same javascript file even if the its only about 10 lines of code for each page?

Community feedback

  • Laharl•1,000
    @UrbanskiDevPosted over 1 year ago

    Hi Jaedon !

    Positioning and aligning is not really difficult, you can use flex and grid to do the job (which I saw you used in your code) which make it way easier to position or align element, maybe you need to go deeper on the subject

    For the transitions to the gradient, it is possible to achieve, but it's a bit tricky to achieve, I have found a codepen element which may help you to achieve the effect you wanted : Transition gradient

    For the javascript files,since it's a simple and small project, it does not really matter if they are in the same page, but for bigger project, it's better to sort the file by their functionalities, what they do.

    I hope it answer well your questions, keep learning and happy coding !

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

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