Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • @Mounir-kh

    Submitted

    First, Thank you for your feedback, I wanted to slow the transition from rating card to thank you card, I need help to make it slow. Have a great day.

    Mark 250

    @markskwid

    Posted

    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

    0
  • Mark 250

    @markskwid

    Posted

    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!

    1
  • Mark 250

    @markskwid

    Posted

    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

    0