Skip to content
Submitted about 2 months ago

NextJs - Tailwind CSS

next, tailwind-css, zod
Grecco Oliva, Franco•290
@GreccoOliva-Franco
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?
  • All form handling
  • Faster resolution. Getting used to UI composition and CSS in general. Yet, CSS is still difficult in some cases and pixel perfect designs
  • Achieving solution avoiding help
What challenges did you encounter, and how did you overcome them?
  • CSS

Overcome: Fail, Try again, Try harder, Fail

What specific areas of your project would you like help with?

I would LOVE to see a Senior Developer to get in his mind and understand their way of tackling the problems

Code

Please log in to post a comment

Log in

Community feedback

  • P
    Erik S. Carlsten•290
    @ecarlste

    While looking through your code I noticed you are using a very helpful util function that became very popular from shadcn/ui I think. Very nicely done!

    Nice job using variants to allow tailwind to style differently depending on the media breakpoints.

    I do think that the mobile layout could use a little tweaking, especially the horizontal sizing and alignment of the hero image in relation to the form content with mobile screen sizes.

    Overall, very nicely done!

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