Interactive Rating Component using HTML, CSS and Javascript

Hello Paul! Nice solution!

To add delay you can use setTimeout. Please refer to this resource

setTimeout( () => {
 if (star.textContent.length === 0) {
         star.textContent = '0';
        thankYouPage.style.display = 'grid';
        welcomeSection.style.display = 'none';
    } else {
        thankYouPage.style.display = 'grid';
        welcomeSection.style.display = 'none';
    }
}, 3000) //3000 is the delay in milliseconds

Hope it helps! Cheers!

Your solution looks great but I realised you used a different color for the design.

Also you can reduce the background color's opacity to match the design. It is also a good practice to use max widths on this challenges. On smaller devices your container is small so its contents don't have enough spaces around them.

Besides great job there👍 Happy coding👍💻