feat: Enhanced HomePage and DetailsModal UI/UX #26
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
- Introduced `SingleCardAnimation` component to display interactive card animations with tilt effect. Ensured maximum responsiveness and added null/undefined check for image props. - Optimized `DetailsModal` for improved image display, ensuring images utilize max height and width without distortion. Applied object-fit for proper aspect ratio maintenance. - Added a responsive and stylized title component Top Performing Cards into the secondary content container with adaptive font size and alignment. - Made various adjustments to the `HomePage` including layout tweaks, responsive typography, and integrating new components. - Applied thorough code comments and cleaned up unused variables for better code readability and maintenance. - Fixed bugs related to image rendering and responsive design issues across different components. These changes aim to enhance the user interaction, visual appeal, and responsiveness of the website, providing a more engaging and fluid experience.
✅ Deploy Preview for tcg-store ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
✅ Deploy Preview for enhanced-cardstore ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
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.
SingleCardAnimationcomponent to display interactive card animations with tilt effect. Ensured maximum responsiveness and added null/undefined check for image props.DetailsModalfor improved image display, ensuring images utilize max height and width without distortion. Applied object-fit for proper aspect ratio maintenance.HomePageincluding layout tweaks, responsive typography, and integrating new components.These changes aim to enhance the user interaction, visual appeal, and responsiveness of the website, providing a more engaging and fluid experience.