Skip to content
Submitted over 3 years ago

Pod landing page. HTML, CSS, and some light JS

Nick•760
@Nick331102
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

This is my first project with some JS. For some reason I struggled with positioning some of the elements on this page, so I ended up restarting the project to have a clean slate. Things ended up looking pretty good in the end so I'm happy with it. I tried using an inset box shadow on the mobile background image overlay which was something new. Time to press on and get deeper into JS. As always, any feedback is appreciated.

Community feedback

  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted over 3 years ago

    Hi there, Nick! 👋

    Nice job on this challenge! 👏 Your solution looks good and is responsive! 😀

    A few things I suggest are,

    • Adding overflow-x: hidden to the body (or something similar) to prevent a horizontal scroll bar from appearing along the bottom of the page at certain screen widths.
    • Adding a favicon to your site (there’s one in the free starter files that you can use).
    • Adding a little space between the logos at the bottom of the page and the bottom edge of the screen (using margin/padding) so that there's always a bit of room between the two in the desktop layout (even on screens with smaller heights).
    • Making sure to remove the error message that gets displayed after the user enters and submits a valid input (at the moment, both the error and success messages show at that point).
    • Using the font provided in the starter files for the text of the error and success messages.

    Hope those few tips help. 🙂

    Keep coding (and happy coding, too)! 😁

    Marked as helpful
    1
    Nick•760
    @Nick331102Posted over 3 years ago

    @ApplePieGiraffe Great feedback! thanks

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

    🌟🌟🌟🌟🌟 Nice Job and the new things you learned doing this is the important part

    Marked as helpful
    1
    Nick•760
    @Nick331102Posted over 3 years ago

    @palgramming thank you

    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