Skip to content

Made Neumorphism Carousel component responsive#1504

Merged
Rakesh9100 merged 4 commits intoRakesh9100:mainfrom
Jouwy:responsive-carousel
May 21, 2025
Merged

Made Neumorphism Carousel component responsive#1504
Rakesh9100 merged 4 commits intoRakesh9100:mainfrom
Jouwy:responsive-carousel

Conversation

@Jouwy
Copy link
Contributor

@Jouwy Jouwy commented May 13, 2025

Fixes Issue🛠️

Closes #1417

Description👨‍💻

I made the Neumorphism Carousel component responsive to improve its appearance and functionality across different screen sizes, including mobile and tablet views. I made changes to the CSS styles to adjust the carousel layout and image sizes based on the viewport width. This ensures a better user experience on both large and small screens.

Type of Change📄

  • Style (non-breaking change which improves website style or formatting)
  • Responsiveness (non-breaking change which improves UI/UX on different screen sizes)

Checklist✅

  • I am an Open Source contributor
  • I have performed a self-review of my code
  • My code follows the style guidelines of this project
  • I have commented on my code, particularly in hard-to-understand areas

Screenshots/GIF📷

Before (iPhone 13 Pro):

iphone-before

After (iPhone 13 Pro):

iphone-after

Before (iPad Air 5th Gen):

ipad-before

After (iPad Air 5th Gen):

ipad-after

@netlify
Copy link

netlify bot commented May 13, 2025

Deploy Preview for beautiify ready!

Name Link
🔨 Latest commit f8eaf79
🔍 Latest deploy log https://app.netlify.com/projects/beautiify/deploys/682e026479771f000802e0ee
😎 Deploy Preview https://deploy-preview-1504--beautiify.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

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Hey @Jouwy, Welcome to the project Beautiify! 🎊
Thanks for your contribution! Your effort makes this project better. Keep it up! 🙌
Please wait for the PR to be reviewed. Happy Coding!! ✨

@Rakesh9100
Copy link
Owner

I see it is not yet responsive for every screen size, please check this Deploy Preview and work accordingly @Jouwy

image

@Rakesh9100 Rakesh9100 added the question 🤔 Further information is requested label May 17, 2025
@Jouwy
Copy link
Contributor Author

Jouwy commented May 18, 2025

Hi, I’ve pushed updates to improve the responsiveness for all screen sizes based on your feedback.

@Rakesh9100 Rakesh9100 merged commit 4f7148b into Rakesh9100:main May 21, 2025
4 checks passed
@github-actions
Copy link

Congrats, Your pull request has been successfully merged 🥳🎉 Thank you for your contribution to my project 🚀 Keep Contributing!! ✨ @Jouwy

@Rakesh9100 Rakesh9100 added Hard Complex or challenging task Completed 🥳 PR successfully merged and issue resolved on completion and removed question 🤔 Further information is requested labels May 21, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Completed 🥳 PR successfully merged and issue resolved on completion Hard Complex or challenging task

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Style] Make Neumorphism Carousel component responsive

2 participants