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 :

Note to reviewers

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 1:11pm

[netlify[bot]]

❌ Deploy Preview for devdisplay failed.

Name	Link
🔨 Latest commit	b8346ae0310acfdcd0547e6722cb647634a5471c
🔍 Latest deploy log	https://app.netlify.com/sites/devdisplay/deploys/6720ded1d1f4d70008344376

[codeaashu]

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

Before we proceed, please add you profile here and 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]

@codeaashu I have already added my profile and also starred the repo, kindly proceed further.