web: make landing page `.features` responsive for small screens

[ShantKhatri]

Summary

Improve mobile layout in apps/web/src/routes/+page.svelte for .features.

Tasks

• adjust CSS so .features uses single-column layout under 640px width.
• add spacing and card min-height to avoid squashed cards.
• verify in browser or emulator.

Acceptance Criteria

• landing design stays clean at small widths.
• no visual regression in desktop layout.

[namansharmapvt04-dot]

@ShantKhatri Hi! I’d like to take this up could you assign it to me?
I’ve reviewed +page.svelte and the .features layout. I’ll make it responsive by switching to a single-column layout under ~640px, adjust spacing, and ensure cards don’t get squashed. I’ll also double-check that the desktop layout stays unchanged.

[ShantKhatri]

@ShantKhatri Hi! I’d like to take this up could you assign it to me?
I’ve reviewed +page.svelte and the .features layout. I’ll make it responsive by switching to a single-column layout under ~640px, adjust spacing, and ensure cards don’t get squashed. I’ll also double-check that the desktop layout stays unchanged.

Thanks for this. But will proceed with 1 at a time issue for good first one. For rest issues you can work simultaneously.

[ShantKhatri]

@namansharmapvt04-dot I can assign this to you now. Otherwise, you can pick up feature-based issues too.

[Saurav09s]

@ShantKhatri Can you please assign this to me?

[ShantKhatri]

@ShantKhatri Can you please assign this to me?

Assigned.

[Saurav09s]

@ShantKhatri thanks

[Saurav09s]

@ShantKhatri on landing page it already takes single column layout for the cards what should I fix. I mean I can just increase media screen to 640 from 600 but without that also it is still responsive

[nazneen-p1]

Hi @ShantKhatri,

I’d love to take this up for GSSoC. I’ve reviewed the +page.svelte layout, and I see that the cards already shift to a single column, but

I’ll ensure that it explicitly happens under 640px for consistency. I will also adjust spacing and card min-heights to avoid squashing and double-check that the desktop layout remains intact. Please assign this to me—I’m excited to help improve the responsiveness.