Optimize Card Display for Improved UX

[VijaySamant4368]

This PR introduces an improvement to the card display system for better user experience during gameplay.

Changes:

• Card Size Adjustment:

  • Previously, all cards were displayed at the same size.
  • Now, when multiple cards are displayed, only one card will be shown at full size, and the remaining cards will be displayed at a smaller size.

• UX Improvement:

  • This change helps reduce the horizontal scrolling needed to view the cards. Players will now see a single card in full size, and the rest of the same value will be represented in a smaller format, making it easier to navigate and view multiple cards.

Reasoning:

• Reduced Horizontal Scrolling: By displaying one card at a time in full size and reducing the size of additional cards, we optimize the available screen space and reduce unnecessary scrolling.
• Streamlined Gameplay: The core gameplay remains unchanged. Players can still see all the cards, but the interface is now more compact and focused on essential elements.

Impact:

• This update will make the game visually cleaner and less cluttered, providing a smoother experience when multiple cards are displayed at once.

Testing:

• Gameplay Testing: The change has been tested in the game environment to ensure that the gameplay remains the same, and cards are displayed correctly when there are multiple cards.
• Responsiveness: The card display has been tested on multiple screen sizes to ensure it adapts correctly.

---

Screenshots:

• Before:
• After:

---

Additional Notes:

• This update is purely visual and does not affect the logic of gameplay.
• Players should be able to identify cards easily without the need to scroll excessively.