Update Tailwind Config for Responsive Design

[shivhere007]

Description

This update enhances the user interface of the "DevDisplay" platform on tablet devices by aligning header elements and optimizing the light/dark mode toggle button for screens with a max-width of 768px and 1024px. These adjustments ensure a clean, centered header and an accessible toggle button, providing a seamless experience for tablet users.

Related Issues

Fixes #455

Changes Proposed

Custom Breakpoints Added: The md (medium) breakpoint has been set to 925px, allowing for a more tailored responsive design for medium-sized screens. The lg (large) breakpoint has been adjusted to 1100px, providing a better fit for larger screens while ensuring optimal layout and spacing. Other breakpoints remain unchanged at 640px for sm (small) and 1280px for xl (extra-large).

Checklist

• [X] I have read and followed the Contribution Guidelines.
• [X] All new and existing tests passed.
• [X] I have updated the documentation to reflect the changes I've made.
• [X] My code follows the code style of this project.
• [X] The title of my pull request is a short description of the requested changes.

Screenshots

After :

Before :

Kindly review this and merge it @codeaashu , @ishap11 , @madhukalita .

[vercel[bot]]

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

Name	Status	Preview	Comments	Updated (UTC)
devdisplay	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Oct 29, 2024 2:48am

[netlify[bot]]

❌ Deploy Preview for devdisplay failed.

Name	Link
🔨 Latest commit	be725cc99f0c46afd8da4c3702aee8a1d6604dd4
🔍 Latest deploy log	https://app.netlify.com/sites/devdisplay/deploys/67204cef98d23d00080743e0

[codeaashu]

Hi @shivhere007 , thanks for your interest in contributing to DevDisplay!

Before we proceed, we noticed you haven't adding our profile on #DevDisplay also forgot to star the repo. It's like making an amazing sandwich and forgetting to take a bite! -- I think our repo's feeling a little lonely without your 🤗 So, be sure to star the DevDisplay GitHub Repository. 🌟

💌 This is a mandatory step for all contributors. & It's is the first priority of contribution in DevDisplay 💌

🚀 We look forward to your contribution once these steps are completed. 🚀

Thanks 👍🏻

[shivhere007]

Kindly check and merge at your earliest convenience @codeaashu , @ishap11 , @madhukalita .

[shivhere007]

I have already starred the project and just now added my profile too. Kindly review and merge my PR @codeaashu , @ishap11

[shivhere007]

@codeaashu kindly review and take some actions.