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

tailwindcss, react, vite

@alihaghjou

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


Hello everyone, i have a question about active state of this challenge. For buttons active state background color only had one color but in previews there is a gradient background, i could have done it with filter but it didn't become correct. If you guys know the correct color can you say or another solution?

Community feedback

frbarbre 660

@frbarbre

Posted

Hey! Your project looks great imo!

To answer your question; Tailwind supports the use of gradients:

Tailwind Docs: https://tailwindcss.com/docs/gradient-color-stops

That's what i used in my solution of the challenge.

Direct link to the styling of the button: https://github.com/frbarbre/newsletter/blob/master/src/components/Button.jsx

Marked as helpful

0

@alihaghjou

Posted

@frbarbre Thank you for the hint.

0

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