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

Maker pre-launch landing page

Alainβ€’ 205

@Alain-sys

Desktop design screenshot for the Maker pre-launch landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hello everybody,

I'm glad to present my first project solution on Frontend Mentor.

Any feedback is welcome and very appreciated !

Community feedback

Michalβ€’ 665

@mbart13

Posted

i'd only suggest to turn off html form validation with 'novalidate', since you are doing it with js

Marked as helpful

1

Alainβ€’ 205

@Alain-sys

Posted

@mbart13

Thanks, Michal ! It's very interesting because I didn't know the existence of 'novalidate' before you answer me. I added it and modify my js for a better code. 😊

0

Account Deleted

Good job on submitting your first challenge.

Desktop view looks good, just that you have a little problem with the 'zig-zag' thing behind the email section, you need to set it's container to overflow : hidden, I'm sure that'll solve the problem.

Keep codingπŸ‘.

Marked as helpful

1

Alainβ€’ 205

@Alain-sys

Posted

@thulanigamtee

Thanks, Thulani ! Yes, as you saw it, the overflow was the problem but fortunately for me when I added overflow-x: hidden in the html{} it solve the problem. πŸ˜ƒ

0
Nebiyou Ersaboβ€’ 185

@NebiyouErsabo

Posted

Hello Alain-Sys,

I think you have done a great job on this challenge. Your page is nicely responsive as well πŸ‘.

I was having some problems when inspecting your page for responsiveness on chrome (the .img-hero-right and the .footer-squiggle svgs were extending way far to the right, making your page align to the left), but it was okay when I opened your page on safari. Not sure if it is my problem or that you haven't used some cross-browser css properties.

But overall you have done an awesome job on your first project! πŸ™Œ

Marked as helpful

1

Alainβ€’ 205

@Alain-sys

Posted

@Nebiyou12

Thanks, Nebiyou ! I have forgotten to see my website on other browsers ! πŸ˜… I have seen the problem and correct him. It was the overflow-x: hidden who need to be write in html{}. πŸ™‚

0

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