Mobile first, Grid, Flex, JS

Great job, amerrika!

To answer your question, I personally think radio button inputs within a <form> are the most appropriate. They visually don't present as standard radio buttons, but functionally they are the same: a group of related options with only one valid selection, that can be submitted with a button. Using these elements also does a lot of the functionality and accessibility work for you out of the box. Hope that's helpful!

Hi amerrika, how are you? I really liked the result of your project, but I have some tips that I think you will enjoy:

To make the submit button work only when the user selects a number, we can do this:

ratingValue.addEventListener("click", function(){
    paragraph.textContent = `You selected ${ratingValue.innerText} out of ${ratingValues.length}`
    ratingValue.classList.add("orange")
    btnSubmit.addEventListener("click", function(){
        ratingBoxEl.classList.add("display-none");
        messageBoxEl.classList.remove("display-none");
    })
});

The rest is great!

I hope it helps... 👍

Hi, it looks like similar. For your question, you can use a <ol> tag with five <li> tag or multiples a with custom css