Skip to content
Submitted over 3 years ago

HTML, CSS, JS, jQuery, Google Fonts

Heather Smith•220
@sorengrey
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Pod request access landing page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hi, everyone! This one really taught me about using position: absolute and z-index. Every time I got an element in the right position, I'd look up and realize that it had moved other elements out of place. So annoying, right? But if you set your z-index right, you can have your elements in "layers" where they won't interfere with each other. Pretty valuable stuff to know there.

It was also nice to get some jQuery and validation practice. I'll admit that short little function took me a bit of research, haha.

If you can see anything wrong or have any suggestions, I'd love to hear them. Thanks!

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    Your 'Email Address` placeholder text needs some left padding in the mobile and tablet view

    Also to me it seems it would be better if the desktop layout was centered onload but I guess a argument could also be made to have it right justified like you did

    Marked as helpful
    1
    Heather Smith•220
    @sorengreyPosted over 3 years ago

    @palgramming Yeah, it does. I fixed it on desktop but neglected to fix it on mobile and tablet before submitting. Will get to that today!

    Oh dang, it's centered on my end. I'd better look into that. Thanks for the feedback, I didn't even notice! :D

    1
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @sorengrey no problem glad to be of help

    0

Please log in to post a comment

Log in with GitHub

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