---
type: note
tags: [past requirement, fastdesk, dev, css, form, view, card, wide]
created: 2025-11-06T02:51:46.190Z
updated: 2025-11-15T20:19:56.816Z
---# widen the card edit form view

📝 Requirement: Expand Card Form Width on Desktop\nContext: 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.\n\nRequirement: Increase the width of the card form on desktop devices to improve readability and layout flexibility.\n\nDetails:\n\nTarget View: Card form views for both note and link types.\n\nDevice Scope: Desktop viewport widths ≥ 1024px.\n\nLayout Changes:\n\nDouble the current form width (e.g., from 600px to 1200px, or from 50% to 100% of container width).\n\nEnsure responsive behavior: form should remain appropriately scaled on smaller devices (mobile/tablet).\n\nMaintain padding and spacing to avoid edge collisions.\n\nImplementation Notes:\n\nIf using Tailwind, consider updating the container class:\n\nhtml\n<div class="w-full max-w-[1200px] mx-auto px-4">\nIf using CSS:\n\ncss\n.card-form {\n  max-width: 1200px;\n  margin: 0 auto;\n  padding: 1rem;\n}\nSupabase Considerations:\n\nNo backend changes required.\n\nThis is a frontend layout update only.\n\nLet 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
