Skip to content
Submitted about 1 year ago

newsletter-sign-up-with-success-message-main | Tailwind Css | React

accessibility, react, tailwind-css, lighthouse
Jeje•2,050
@AkoToSiJeromeEh
A solution to the Newsletter sign-up form with success message challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

What are you most proud of, and what would you do differently next time?

🚀 first project that is a little bit of pixel perfect

🚀 I just want to share that i just completed then Newsletter-sign-up-with-success-message-main , and my experience doing this challenge is a little bit challenging just like the hover effect of the image but i overcome it with the use of object-fit and scale..!

⚙️ Here the tools i used to complete this project

  • React Js.

  • Tailwind Css for styling.

  • Page insights scored 100% percent accessibility 🎯

  • Build this with mobile first approach.

  • formik for creating and handling of form

  • yup for validation schema

made with a lot of love

Feel free to suggest and give some feedback happy coding everyone !!!

Code

Please log in to post a comment

Log in

Community feedback

  • Mr-Dhie•150
    @Mr-Dhie

    nice. buti my pinoy na akong nakita

  • yssachi•0
    @yssachi

    Excellent job completing this challenge, bibi! I know you've put in a lot of effort to finish challenges, which is why I'm so proud of you. Keep up the great work! 🫶🏻🫶🏻🫶🏻

  • Adam23441232•0
    @Adam23441232

    Nice man

  • sukuna2311•0
    @sukuna2311

    wow man that's great a 90% percent pixel perfect i think . it is first time i see this kind of project !

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