All comments

• 

  Mounir KHAOUADI•190

  @Mounir-khSubmitted about 2 years 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

  60
  

  Mark•250

  @markskwidPosted about 2 years 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

  @NelsonMungai1Submitted about 2 years ago

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

  

  Flex box using flex-grid

  1

  40
  

  Mark•250

  @markskwidPosted about 2 years 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

  @isreal916Submitted about 2 years ago

  having problem with the font feel free to correct my mistake

  

  responsive product-preview-component

  3

  60
  

  Mark•250

  @markskwidPosted about 2 years 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