Submitted over 3 years ago

Pod

Loris DUCAMPS• 425

@LKA-LORIS

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

Hello !

I look forward to your feedback.

For this integration, I didn't want to use the "background-image (url)" property. I hate distorted images.

Thank you all

Community feedback

ApplePieGiraffe• 30,545

@ApplePieGiraffe

Posted over 3 years ago

Hey, Loris DUCAMPS! 👋

Good work on this challenge! I like the success message that gets displayed after a valid email has been submitted! 👏

Other than making sure the green dot pattern doesn't block the input element on smaller screens (as rsauerwein mentioned) I only suggest adding cursor: pointer to the "Request Access" button. 😉

Keep coding (and happy coding, too)! 😁

Loris DUCAMPS• 425

@LKA-LORIS

Posted over 3 years ago

@ApplePieGiraffe

Indeed, I still have a few things to adjust. Thank you for your feedback :)

Rene Sauerwein• 55

@rsauerwein

Posted over 3 years ago

Hey Loris,

I have noticed two details, which you maybe want to improve:

I'd suggest to add a max-width to your layout. On my monitor (2160px width) the layout looks far too wide
With the tablet layout the green dots block your E-Mail input form when the browser windows has a height around 700px

Hope that helps.. :)

Loris DUCAMPS• 425

@LKA-LORIS

Posted over 3 years ago

@rsauerwein

Thank you very much for your feedback. Indeed I did not want to put a max width on my layout because I also have an ultrawide screen and I found it a shame to restrict the display.

Well seen for the display bug on tablet :)

I'll go see your work :)

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