Card · CSS & Tailwind

• Start mobile; add min-width breakpoints for tablet/desktop.
• Keep design tokens in CSS vars; utilities for speed only.
• Flex for linear flows; grid for complex layouts.

:root { --gap: 1rem; }

.stack { display:flex; flex-direction:column; gap:var(--gap); }

@media (min-width:768px) { .stack.row { flex-direction:row; } }


// tailwind.config.js

module.exports = { content: ["./app/**/*.{ts,tsx}"], theme: { extend: {} } };