Responsive Card Grid View Implementation for Mobile Screen

danielasakpa commented 9 months ago

Description: This pull request addresses issue #10, where the card grid view on mobile screens lacked uniformity and predictability. Here's a summary of the changes:

Screenshots

Responsive Card Grid View

Implemented grid-template-columns for a responsive grid layout across all screen sizes.
Truncated the content of each note to 6 characters to ensure equal-sized cards and maintain a clean appearance.
Adjusted the sidebar's positioning to be absolute on mobile and sticky on tablet to desktop, preventing disruption to the card grid structure.

These changes enhance the user experience by providing a consistent and visually appealing grid view on mobile screens.

vercel[bot] commented 9 months ago

Someone is attempting to deploy a commit to a Personal Account owned by @preshpi on Vercel.

@preshpi first needs to authorize it.

vercel[bot] commented 9 months ago

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

Name	Status	Preview	Comments	Updated (UTC)
noteey	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 14, 2024 8:55am

preshpi / noteeey

Responsive Card Grid View Implementation for Mobile Screen #13

Screenshots