Submitted almost 3 years ago

Pod Request Landing Page (HTML + CSS + JS)

Patrick• 14,325

@palgramming

Preview site View code

This is a solution for...

Pod request access landing page

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Trying to be pixel perfect with these challenges but I did change the placement of the email submit error message. It seemed to be better since it worked with the design across screen types. The placeholder font weight had multiples in the design which seemed like a error so I just used bold for all view-port sizes.

Thanks for any feedback I am happy with it but always looking to improve. I am really happy I got so far with this one

Community feedback

Nick• 760

@Nick331102

Posted almost 3 years ago

Nice job. I'm currently struggling with this project. I think I tried positioning too many elements absolutely, which presented some problems on mobile. I'm going to give it another go with a clean slate.

Emmanuel Akwaboah• 200

@Cyrus-Akwaboah-Emmanuel

Posted almost 3 years ago

Excellent design bro.

Patrick• 14,325

@palgramming

Posted almost 3 years ago

@Cyrus-Akwaboah-Emmanuel thanks the key is try it start over and try it again and hopefully each time you figure out a little more what the structure should be and what you have to control to make it look right

Marcus Hugo• 365

@marcus-hugo

Posted over 2 years ago

How did you change the color of the svgs?

Patrick• 14,325

@palgramming

Posted over 2 years ago

@marcus-hugo pretty sure I just edited the color in the SVG itself maybe that is cheating but I think that I what I did

Marcus Hugo• 365

@marcus-hugo

Posted over 2 years ago

@palgramming Thanks! I'll give it a try!

AliAbuhumra• 230

@aliabuhumra

Posted over 2 years ago

why don't use em or rem to padding and margins ????

Patrick• 14,325

@palgramming

Posted over 2 years ago

@AliABUHAMRA If it looks good with pixels then use pixels using em or rem should make it easier to scale your page with less code needed but in this case it is like 3 pages in one so I went with pixels

Please log in to post a comment

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