Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Learning Tailwind 3

#tailwind-css
P

@GregLyons

Desktop design screenshot for the Interactive rating component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


It was a bit tricky styling the inputs at first, as I wanted to use <input type="radio"> rather than <button>s. Let me know if there's a simple way to accomplish the design (while still using `<input type="radio">, which I feel is the most semantic element for the task). Any other feedback also welcome.

Community feedback

P

@GregLyons

Posted

(Doesn't look like I can edit my solution question, so I'll post a comment instead.)

For some reason it says "SUBMIT QUERY" on the button in the Frontend Mentor screenshot for my solution, but when I go to the site link it just says "SUBMIT". Also, I don't have the word "query" anywhere in my source code. If anyone knows what this could be, let me know!

0

@ktim816

Posted

@GregLyons Hi! Try to click generate screenshots button once you have updates in your code, this should fix the issue

Marked as helpful

1
P

@GregLyons

Posted

@ktim816 Thanks for the tip. I'm aware of this feature, but even upon generating a new screenshot the issue persists. I actually never had the word "query" in my source code.

I suppose it may have something to do with how Frontend Mentor views the website. I didn't add any text to my <input type="submit"> element, so perhaps whichever client Frontend Mentor uses to visit my site renders the text as "SUBMIT QUERY" by default...

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord