Fix card comparison page to display cards with equal widths

[Copilot]

Cards on the comparison page had inconsistent widths due to using deprecated MUI v5 Grid props with MUI v7.

Changes

• Updated CardComparisonPage.jsx to use MUI v7 Grid size prop syntax

// Before (deprecated)
<Grid item xs={12} sm={6} md={4}>

// After
<Grid size={{ xs: 12, sm: 6, md: 4 }}>

Screenshots

Before	After

Responsiveness maintained across breakpoints (3 cols desktop, 2 cols tablet, 1 col mobile).

Original prompt

I see that in the comparison card page, the cards have different widths, can you make sure that they have the same width while maintaining responsiveness when resizing the browser window

---

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.