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 using css positioning

@George-Boakye

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


Your feedback would be appreciated!

Community feedback

@MojtabaMosavi

Posted

  • This just opinion but the custom form validation suffices as communication for user and there's no need to have the native html validator too.

  • The input controlls on desktop view is not behaving the same as in mobile view becuase when you try to click on it and input you email only 1/4 of it from top is interactive, this becuase when you use the position:relative; on errorMsg it get higher z-index than input controll, you can easily solve it by giving the control a higher z-index.

  • Spend some time reading about mobile first workflow since it makes it alot easier to work in responive way the is not geared twords specific viewports but rather responsiveness in general.

Keep coding :=)

0

@George-Boakye

Posted

@MojtabaMosavi Thank you for your feedback

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