Update Tailwind Config for Responsive Design #494
Conversation
|
The latest updates on your projects. Learn more about Vercel for Git ↗︎
|
❌ Deploy Preview for devdisplay failed.
|
|
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 👍🏻 |
codeaashu
added
hacktoberfest
|
@codeaashu I have already added my profile and also starred the repo, kindly proceed further. |
|
Hi there! This issue is still open. We are looking forward to your response. |
11 similar comments
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
5 similar comments
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
|
Hi there! This issue is still open. We are looking forward to your response. |
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
Screenshots
After :
Before :
Note to reviewers
Kindly review this and merge it @codeaashu , @ishap11 , @madhukalita .