Skip to content
OverviewSolutions
11
Comments
4
youssef oubaida
@youssefouba

All comments

  • youssef oubaida•240
    @youssefouba

    hi! It looks like you're facing two issues:

    -first, change your style link in <head> from :

    <link rel="stylesheet" href="/index.css"> to. <link rel="stylesheet" href="index.css"> no need to add / because the HTML file and CSS file are in the same folder

    the same issue in javascript change src to just "index.js"

    -for the validation problem :

    • you are using "email" type in your input <input type=👉"email" autocomplete="off" placeholder="Your Email Address" id="email" name="email" required=""> so The input value is automatically validated to ensure it is a properly formatted e-mail address.

    • to do custom validation change the type to text and do the work in javascript.

  • youssef oubaida•240
    @youssefouba

    Great job on tackling the difficult part of the challenge, this can be a fun way to learn and improve your skills. Keep up the good work!

  • youssef oubaida•240
    @youssefouba

    Good job on incorporating accessibility into your project! Paying attention to accessibility is important for building inclusive and user-friendly components. Using SASS for CSS pre-processing and reusing variables can also help improve the maintainability and organization of your code. Keep up the good work!

  • youssef oubaida•240
    @youssefouba

    Great job for trying out different methods to prevent the main div from overflowing! It sounds like you're making progress in your understanding of CSS and finding solutions to challenges, which is fantastic. Keep up the good work and keep experimenting to find the best solution!