Skip to content

Enhancement/grid layout resource cards#66

Open
KRISHNPRIY2820 wants to merge 5 commits intoVarshitha713:masterfrom
KRISHNPRIY2820:enhancement/grid-layout-resource-cards
Open

Enhancement/grid layout resource cards#66
KRISHNPRIY2820 wants to merge 5 commits intoVarshitha713:masterfrom
KRISHNPRIY2820:enhancement/grid-layout-resource-cards

Conversation

@KRISHNPRIY2820
Copy link
Copy Markdown

This PR updates the layout of resource cards to use a responsive CSS Grid system. The goal is to improve readability and visual hierarchy across devices, especially on wider screens and mobile viewports.

🛠️ Changes Made

  • Added gap for consistent spacing between cards
  • Ensured vertical stacking on smaller screens using media queries
  • Preserved existing card styles for consistency

✅ Benefits

  • Improved user experience across screen sizes
  • Enhanced accessibility for mobile users
  • Cleaner, more scalable layout for future additions

📸 Screenshots (Optional)
image
image

🙌 Request
Please review and let me know if any adjustments are needed. I’d love to continue contributing and refining the UI further

@netlify
Copy link
Copy Markdown

netlify bot commented Aug 2, 2025

Deploy Preview for first-contrib-placement ready!

Name Link
🔨 Latest commit 03d97d5
🔍 Latest deploy log https://app.netlify.com/projects/first-contrib-placement/deploys/6890f6cc43049c0008735a1d
😎 Deploy Preview https://deploy-preview-66--first-contrib-placement.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Copy Markdown
Owner

@Varshitha713 Varshitha713 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@KRISHNPRIY2820 please cheeck the dark/light mode toggle button...the main branch was updated with few enhancements to it...so update your fork before making a PR!!

@Varshitha713
Copy link
Copy Markdown
Owner

@KRISHNPRIY2820 also fix this...they container items are not properly aligned
image

@Varshitha713 Varshitha713 added the needs revision should be modified as requested label Aug 2, 2025
@KRISHNPRIY2820
Copy link
Copy Markdown
Author

ok mam , I will update both the issues

@KRISHNPRIY2820
Copy link
Copy Markdown
Author

KRISHNPRIY2820 commented Aug 4, 2025

@Varshitha713 mam, please review and let me know if any adjustments are needed.
I have updated the branch and pushed the changes.

image

@KRISHNPRIY2820
Copy link
Copy Markdown
Author

@Varshitha713 Mam is there anymore modifications to be done

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

needs revision should be modified as requested

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants