Latest comments
- @Mounir-kh@markskwid
Hello, @Mounir-kh
To slow the transition of your thank you card using JavaScript you can use setTimeout. Example:
submitButton.addEventListener('click', () => { setTimeout(() => thankyouContainer.classList.remove("hidden"), 1000); mainContainer.style.display= "none"; } );
Please visit this website to read more about setTimeOut
Happy coding!
Marked as helpful - @NelsonMungai1@markskwid
Hello, @NelsonMungai2003
To center the element inside a flexbox you can use align-items and justify-content:
body{ display: flex; justify-content: center; align-items: center; }
Happy Coding!
- @isreal916@markskwid
Hello, @isreal916
If you are using an imported font you should wrap it by double quotation to use it. Example:
font-family: "Fraunces", sans-serif;
I also noticed that your HTML is not containing a level-one heading or <h1> the heading in this challenge is the name of the perfume.
Marked as helpful