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 Landing Page

Paul Jin 290

@paulhjin

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


Hi Everyone! 👋🏻 Found this layout to be interesting. I wanted to keep to the design as close a possible maintaining the dimension of the input at 426px by 56px but upon testing realized that it may be a little too small for longer email address. While keeping it's size, a dynamic width input (via js) would resolve this, but couldn't figure out how to shift the absolutely positioned button along the horizontal when the text overflows a given area and unshift when the text is deleted.

Any insight on how I can accomplish this would be greatly appreciated! 😄

Happy Coding! 👾

Community feedback

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