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

All comments

  • @MohamedElidrissi

    Posted

    Nice work, if you want more challenge, you can seperate the functionality into seperate files and use ES Modules with a module bundler such as Webpack or Parcel, or even a framework like React. Good luck!

    1
  • @MohamedElidrissi

    Posted

    I'd guess you already know it doesn't display well in mobile currently?

    0
  • @MohamedElidrissi

    Posted

    Great job Hamza, happy to see more Morrocans here ;) Did you know you can do most of the form validation using CSS only? You can use the :invalid pseudo class in conjunction with the required attribute to trigger stylings only when an input is invalid

    2
  • @MohamedElidrissi

    Posted

    I'm in no way an expert, but if I'm using floats I'd make sure it displays properly on IE, here's how it looks on IE11: https://imgur.com/a/Dnc3Xgq

    2
  • @MohamedElidrissi

    Posted

    Did you notice at a certain width like 1185px it breaks?

    0
  • AlbertoIJS 135

    @AlbertoIJS

    Submitted

    • I couldn't get the "we're" with the right font-weight.
    • I did the mobile version with chrome dev tools and it seems to work right but when i re-size the window manually it doesn't work for me.

    Any suggestions are appreciated.

    @MohamedElidrissi

    Posted

    I notice that you made the heading text uppercase in your HTML, that will make screen readers spell it word by word(as if its an abbreviation), you should apply a text-transform: uppercase in CSS instead.

    1