Sometimes when i deploy a website on github pages the images don't load even if the path is correct. How can i fix it? (same case with font).
Is there something i can improve? (code structure, bad practices, etc).
Any tip for breakpoints and media queries?
Hello
background-image: url("assets/images/background-pattern-desktop.svg");
since this code is in css/style.css by doing path like u did, u are kinda like stuck inside of css folder, you first need to use ../ to leave css folder and enter your main folder and then continue path that you did.
background-image: url("../assets/images/background-pattern-desktop.svg");
You did same path in js but it's working there becouse js is putting this path to html file. Your html file is in main folder so that's why it don't work only in css file.
What did you find difficult while building the project?
I used the <button> tag and the code doesn't work when I clicked the button. Does anyone know why?
Workaround:
I changed the <button> tag with <div>
As for the project outcome, any feedback and suggestions are welcome!
Hello, i don't know why button didn't worked for you. I did copy your code to test it and button tag work completly fine.
I have just one suggestion about one thing in your js code.
emailInput.style.border = '1px solid hsl(4, 100%, 67%)';
emailInput.style.backgroundColor = 'rgba(255, 87, 135, 0.1)';
emailInput.style.color = 'hsl(4, 100%, 67%)';
Im not a big fan of styling by this way, it would be more simple by adding all of these to css class and then toggle that class when u need it.
i tried my best as i am the beginner in the front-end development. but i miss some serious issues such as email validation before submit and back from success message. i tried hard but i didn't know how to do this. so please if you have submitted this solution and know how to do this give me the some suggestion about that. i hope you check and give me the feedbacks.
Hello, im not good at giving advice, but i'll try my best. So to validate email you will have to check if email in input is correct on click on button. So if it's correct after checking regex.
Function you are trying to run on dismiss button named: dismissMessage() is not defined.
To close popup msg, simply remove "hide" class from your submit form and add "hide" class to popup msg.
If you need more help msg me on discord it's linked on my github.
