Hi !lovely people
I desperately need help:(
why my JavaScript is not working? :( have tried to solve it myself but I just couldn't figure out:(
Also if I click GitHub live site URL and my layout just changed, however if I open it from live sever in vs everything is good ,what is the problem ?
<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.
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!
difficult is to manage the content of the main div not to overflow the div when resizing the window.
I couldn't figure out how this could be done. I tried a min height or min width but when I applied those css rules the main container was way too big when I resized the window to a smaller size.
So I still struggle with this.
Was a nice challenge I really enjoyed it because I can now fully understand CSS Grid.
Thanks !
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!