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 - Bulit with HTML 5, CSS Flexbox and CSS Grid.

Shahin NJ 1,190

@SJ-Nosrat

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, Built a responsive landing page for all screen sizes. I used a new CSS property:

  • background-attachment: fixed; to fix the background image and allow the content the scroll over it for a nice effect for viewport size to at most 1200px.

Also used a simple regex for the email validation.

I'm interested to know if there's a different implementation to get the image behind the content? I used background-image to achieve the desired design.

Any other feedback on how I can improve or if I missed out anything in the design would be greatly appreciated!

Thanks in advance!

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