fix(pages): fix tailwind css code for input range

[beyzanur-seyhan]

Fixes Issue

**My PR closes #464

👨‍💻 Changes proposed(What did you do ?)

There was no tailwind css generator in the input range. I added.

✔️ Check List (Check all the applicable boxes)

• [x] My code follows the code style of this project.
• [x] This PR does not contain plagiarized content.
• [x] The title and description of the PR is clear and explains the approach.

Note to reviewers

📷 Screenshots

[vercel[bot]]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
code-magic	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Sep 30, 2023 7:52pm

[Dun-sin]

this doesn't work

[beyzanur-seyhan]

this doesn't work

Okay. I tested it from Opera GX browser right now. It works. I think there is a problem with the browser. As a result of my research for the code, a class can be assigned to the input range in this way - https://github.com/tailwindlabs/tailwindcss/discussions/8748

Which browser are you using?

[Dun-sin]

this doesn't work

Okay. I tested it from Opera GX browser right now. It works. I think there is a problem with the browser. As a result of my research for the code, a class can be assigned to the input range in this way - tailwindlabs/tailwindcss#8748

Which browser are you using?

i'm using Firefox

[beyzanur-seyhan]

this doesn't work

Okay. I tested it from Opera GX browser right now. It works. I think there is a problem with the browser. As a result of my research for the code, a class can be assigned to the input range in this way - tailwindlabs/tailwindcss#8748 Which browser are you using?

i'm using Firefox

I can fix. Can you try again?

[Dun-sin]

this doesn't work

Okay. I tested it from Opera GX browser right now. It works. I think there is a problem with the browser. As a result of my research for the code, a class can be assigned to the input range in this way - tailwindlabs/tailwindcss#8748 Which browser are you using?

i'm using Firefox

I can fix. Can you try again?

it works now, I'm guessing because of MOZ which is the specific styling for firefox

[beyzanur-seyhan]

this doesn't work

Okay. I tested it from Opera GX browser right now. It works. I think there is a problem with the browser. As a result of my research for the code, a class can be assigned to the input range in this way - tailwindlabs/tailwindcss#8748 Which browser are you using?

i'm using Firefox

I can fix. Can you try again?

it works now, I'm guessing because of MOZ which is the specific styling for firefox

I think. I used this for the solution: https://css-tricks.com/sliding-nightmare-understanding-range-input/

[beyzanur-seyhan]

Your PR is accepted thanks for contributing, I hope you will stick around and continue to contribute to this project.

Consider giving this project a star and joining the community discord server for more resources and opportunities to connect with others. 👉🏽here👈🏽

do you want me to merge this on october for hacktober?

Yes, I want. Thank you :)

[Dun-sin]

:tada: This PR is included in version 2.66.2 :tada:

The release is available on GitHub release

Your semantic-release bot :package::rocket: