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 ?
youssef oubaida
@youssefoubaAll comments
- @Reno08-codeSubmitted over 1 year ago@youssefoubaPosted over 1 year ago
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 folderthe 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.
0 -
- @Gillette10Submitted almost 2 years ago
The difficult part of this challenge was destructing the JSON data from the API and it was fun solving it
@youssefoubaPosted almost 2 years agoGreat 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!
0 - @clakrSubmitted almost 2 years ago
UPDATED Solution: 05/15/2023
3 Column Preview Card π
Any feedbacks or questions are appreciated though! π Feel free to start a thread or a discussion, and I'll try to accommodate your concerns.
@youssefoubaPosted almost 2 years agoGood 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!
1 - @lepamooreSubmitted almost 2 years ago
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 !
@youssefoubaPosted almost 2 years agoGreat 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!
0