Skip to content

Issue 71 mobile responsive#73

Open
RakeshThapa332 wants to merge 4 commits intoKathFOSS-Club:mainfrom
RakeshThapa332:issue-71-mobile-responsive
Open

Issue 71 mobile responsive#73
RakeshThapa332 wants to merge 4 commits intoKathFOSS-Club:mainfrom
RakeshThapa332:issue-71-mobile-responsive

Conversation

@RakeshThapa332
Copy link
Contributor

@RakeshThapa332 RakeshThapa332 commented Feb 5, 2025

What does this PR do?
This pull request addresses the layout and responsiveness of the statistics section in the HeroSection component. Currently, the stats boxes are not fully responsive on mobile devices, and their layout appears inconsistent across different screen sizes. This PR ensures that the stats layout remains consistent across all devices.

Fixes: #71
1)The issue where the statistics section was not mobile responsive is resolved.

Changes Made
1)Responsive Layout: Adjusted the Box components containing the stats, ensuring they adapt to different screen sizes. The minimum and maximum widths of the boxes have been updated for better responsiveness.
2)Improved Mobile Layout: On smaller screens (mobile devices), the stats boxes now stack properly, and the font sizes are adjusted to be more readable on smaller screens.
3)Fixed Visual Gaps: Removed excess margins and padding in some areas to ensure that the stats section is properly aligned across all screen sizes.

Screenshots
image

Additional Notes
1)Testing on Multiple Devices: The changes were tested on a variety of screen sizes to ensure consistency in the layout.

@bhimrazy
Copy link
Contributor

bhimrazy commented Feb 9, 2025

Hi @RakeshThapa332 ,
Could you please resolve conflicts and also add some screenshots for the UI changes.

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Mobile Responsive

2 participants