Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

♻️ Refactor FeatureCarousel Component - Different screen sizes #14

Open
3 tasks
joshbermanssw opened this issue Oct 4, 2024 · 0 comments
Open
3 tasks

Comments

@joshbermanssw
Copy link
Collaborator

As per my conversation with @isaaclombardssw in #12 we want to refactor how the FeatureCarousel component renders content on different screen sizes.

Instead of using the useEffect hook to check for the window size and then track this via a useState, we want to create 2 different components and then in the primary FeatureHorizontalCarousel component render each of these using tailwinds hidden / block properties on either sm: md: lg: xl: screens

Tasks

  • Extrapolate the two views (small/medium, large+) into different components
  • Render the two views in the FeatureHorizontalCarousel component using the tailwind hidden properties and screen sizes
  • Cleanup unnecessary hooks
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

No branches or pull requests

1 participant