All comments

• 

  Mounir KHAOUADI• 190

  @Mounir-kh

  Submitted over 1 year ago

  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.

  

  Html, CSS, Javascript

  2

  6

  0

  

  Mark• 250

  @markskwid

  Posted over 1 year ago

  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
• 

  Nelson Mungai• 30

  @NelsonMungai2003

  Submitted over 1 year ago

  What is the best way to center the container containing the QR code the heading and paragraph

  

  Flex box using flex-grid

  #angular

  1

  4

  0

  

  Mark• 250

  @markskwid

  Posted over 1 year ago

  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
• 

  is real• 200

  @isreal916

  Submitted over 1 year ago

  having problem with the font feel free to correct my mistake

  

  responsive product-preview-component

  #materialize-css

  3

  6

  0

  

  Mark• 250

  @markskwid

  Posted over 1 year ago

  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