Skip to content
OverviewSolutions
17
Comments
3

Mark

@markskwidPhilippines250 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Mark•250
    @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
  • Mark•250
    @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!

  • Mark•250
    @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