---
type: note
tags: [past requirement, fastdesk, dev, css, form, view, card, wide]
created: 2025-10-27T09:17:57.483Z
---# widen the card edit form view

📝 Requirement: Expand Card Form Width on Desktop
Context: The card form used to create or edit note and link records currently has a constrained width on desktop, limiting usability and visual comfort—especially when working with longer content or embedded media.

Requirement: Increase the width of the card form on desktop devices to improve readability and layout flexibility.

Details:

Target View: Card form views for both note and link types.

Device Scope: Desktop viewport widths ≥ 1024px.

Layout Changes:

Double the current form width (e.g., from 600px to 1200px, or from 50% to 100% of container width).

Ensure responsive behavior: form should remain appropriately scaled on smaller devices (mobile/tablet).

Maintain padding and spacing to avoid edge collisions.

Implementation Notes:

If using Tailwind, consider updating the container class:

html
<div class="w-full max-w-[1200px] mx-auto px-4">
If using CSS:

css
.card-form {
  max-width: 1200px;
  margin: 0 auto;
  padding: 1rem;
}
Supabase Considerations:

No backend changes required.

This is a frontend layout update only.

Let me know if you want to bundle this with other layout or UX improvements—like inline media previews or collapsible sections.


---
**Keywords:** past requirement, fastdesk, dev, css, form, view, card, wide
