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 landing page using SASS & JS

#sass/scss#accessibility

@jchapar

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, Would love to get some feedback on this challenge. This was my first challenge that I've done where I also had the Figma files as reference and feel very confident with what I was able to produce. There are a few styling mistakes that I know are still needed (padding, margins) to make it look a bit better but I wanted to submit and get any other feedback I could. Thanks!

Community feedback

Nick 760

@Nick331102

Posted

Nice work overall. You may want to wrap everything in a main and set a max-width, as I viewed your project in a widescreen monitor and would look better with a max width. You could also add a hover state to the request access button. As you mentioned, the margin and padding need to be fixed for the text. The project does look pretty good on mobile though. The success message for the email validation doesn't seem to work. You could reference my project if you would like.

well done

Marked as helpful

0

@jchapar

Posted

@Nick331102 Thanks for the feedback nick! I really appreciate it. I'll be looking back into this project and i'll be sure to keep everything you said in mind.

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