Submitted about 3 years ago

Pod Request Access Landing Page HTML SCSS Javascript

Artur• 145

@arturpawlowski5

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

Hi,

It's my 4th Challenge Here.

I tried my best with Javascript in this challenge to make Form - email working. Let me know if you have any suggestions for this part?

I tried to work a lot about making this Design Responsive as much as possible. I struggle with some parts because can't easily use here Flexbox or Grid. Let me know maybe you have some ideas on how to manage this Design with Flexbox or Grid?

Happy Coding to everyone B-)

Community feedback

Tereza• 605

@sirriah

Posted about 3 years ago

Hello Artur, nice work! I look at your code - I see you use different files for mobile and tablet view. I think that is better to use media queries under every tag separately. You should write mobile first, so you can start write css for mobile view and then you use min-width for tablet and then for desktop. It will work faster on mobile devices. Look at this nice tutorial for inspiration.

I miss some container for desktop which is greater than 1440px. Your design doesn't stop stretch and it looks weird.

Welcome to the PRO! Happy coding! I look forward to your next challenge.

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