Improve mobile UI/UX responsiveness and layout consistency

[SMishra-27]

UI/UX Enhancement: Improved Mobile Responsiveness & Layout Consistency

Overview

This PR improves the overall mobile responsiveness and visual consistency of the DevCard homepage while preserving the existing branding and functionality.

The focus of this update was to create a cleaner, more modern, and more user-friendly experience across smaller screen sizes.

Changes Made

Improved Mobile Responsiveness

• Optimized layout spacing for smaller screens
• Improved stacking behavior for mobile devices
• Enhanced text scaling and readability
• Adjusted component alignment for better balance

UI Enhancements

• Refined hero section spacing and typography
• Improved CTA button visibility and hierarchy
• Enhanced navbar alignment and visual spacing
• Added cleaner card surfaces and better section structure
• Improved overall visual consistency across components

UX Improvements

• Better readability and content flow
• Stronger visual hierarchy
• More accessible interaction layout
• Cleaner spacing between sections and action buttons
• Improved responsiveness without affecting existing functionality

Before vs After

Before

• Large text overflow feeling on mobile
• Less balanced spacing
• CTA buttons felt compressed
• Weaker visual hierarchy

After

• Cleaner responsive layout
• Better spacing and alignment
• Improved typography scaling
• More polished mobile-first experience
• Better button visibility and interaction flow

Technical Notes

• Preserved existing routing and functionality
• No breaking changes introduced
• Responsive behavior improved using refined layout spacing and scaling
• UI updates were tested on mobile viewport dimensions

Result
The application now delivers a more polished and professional mobile experience with improved readability, spacing, responsiveness, and overall UI consistency.

Closes #128

[SMishra-27]

Implemented mobile UI/UX responsiveness improvements with better spacing, typography scaling, CTA visibility, and layout consistency across smaller screens. Tested locally on responsive mobile viewport dimensions.
@Dipti45sktech please have a look on this PR.

[Harxhit]

@SMishra-27 Please add the issue reference that this PR closes. Also, kindly avoid submitting PRs before the issue has been assigned to you. Additionally, please join our Discord community from the README section so we can provide valid labels for your contributions and help you score points.

[SMishra-27]

@Harxhit
Thank you for the guidance.

I’ve now added the issue reference to the PR description and also joined the Discord community for future contribution updates and label guidelines.

I’ll make sure to wait for issue assignment before submitting future PRs.

[ShantKhatri]

we are not supposed to have package-lock.json here. As we are running pnpm.

[SMishra-27]

Removed the unnecessary package-lock.json file and updated the PR. Thanks for pointing it out!