Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive newsletter signup form using Tailwind

bacoder1 190

@bacoder1

Desktop design screenshot for the Newsletter sign-up form with success message coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Getting used to tailwind!

I'm pretty new to javascript, so this was a fun project to try out!

I had trouble with gradient on hover in tailwind, and resorted to a wonky way of doing it, so please feel free to suggest a better way!

Community feedback

P
K01wfd 690

@K01wfd

Posted

Hi @bacoder1, my suggestion for your solution:

1- for this project i think using Tailwind is a bit overkill, using only CSS would be more than enough (just my opinion).

2- illustration image is not responsive on small screens, try not to use fixed width, instead use max-width with relative units or consider using minmax to dynamically resize element.

3- The breakpoint for smaller screens is 1440px which is way too big, for this project 768px would be good to go.

Marked as helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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