adding mediaquery jsx component along with tailwind css screens

[powerstone666]

Describe the feature

I'll be adding a media query component that will take input prop as screen size so that in the future if we want to build components such as a navbar for various screens using media query we can give conditions and it will display only when the screen is above or below that size.

I'll also be adding a screens extension in the tailwind.js config file along with themes so that while writing code in tailwind CSS it will be easy to write CSS for specific screen sizes

Add ScreenShots

like in the above image we can easily give conditions on what screen we should display so in future it will be great feature for contributors

Record

• I agree to follow this project's Code of Conduct
• I have checked the existing issues
• I'm a GSSOC'24 contributor
• I want to work on this issue

[github-actions]

Congratulations, @powerstone666! 🎉 Thank you for creating your issue. Your contribution is greatly appreciated and we look forward to working with you to resolve the issue. Keep up the great work!

We'd also like to invite you to our Discord server! Join us on discord.

We will promptly review your changes and offer feedback. Keep up the excellent work! Kindly remember to check our contributing guidelines

[powerstone666]

hyy assign this to me.......

[Satyam1923]

@powerstone666 this already being handled.

[powerstone666]

but there is no mediaquery component or screens in tailwind.css

[Satyam1923]

Yes as this is not our final design. You can take a look at the new design and raise the issue accordingly.

[powerstone666]

so from final design we need to build it from scratch ya u have already builded components based on that