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

Pod request access landing page

@renanrdsouza

Desktop design screenshot for the Pod request access landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everyone.

This challenge was the first one where I used the TailwindCSS framework which is fantastic to work with and helped me a lot to build responsive layouts. I also used a little bit of javascript to make email validation.

Although, I still got stuck sometimes as I'm learning while I build these projects.

As always, I appreciate any advice :D

Community feedback

@AlinaAlexandraVizireanu

Posted

Hello, Renan! Your project looks very nice, the only thing that You can add in the JavaScript part is the error message when there is no text in the input "Oops! Please add your email" and when the email is not valid "Oops! Please check your email". For this, you can check first if the value of the email input is an empty string and then test if the email is valid.

Marked as helpful

1

@renanrdsouza

Posted

@AlinaAlexandraVizireanu Hello, Alina!

Your idea looks nice and I'm going to change the validation script in order to make this hehe

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