fix(react-carousel): fluent v9 carousel control responsiveness for mobile/small devices #33886
+0
−4
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Title
Fix: Fluent V9 Carousel Control Responsiveness for Mobile/Small Devices
Description
This pull request addresses issue #33744, which involves the Fluent V9 Carousel Control not being responsive on mobile or small devices. The cards within the carousel were extending outside the container, causing layout issues.
Changes:
CarouselActionCards.stories.tsx
file to improve the responsiveness of the carousel on smaller devices.Testing:
This fix ensures a better user experience by maintaining the layout integrity across different devices.
Record Link:
https://www.awesomescreenshot.com/video/36886277?key=897ef08fb1ef28da3e1fb11d63f0f1c5