Design
Responsive Web Design (Mobile-First)
1 views
0 copies
0.0/5
Admin
Jun 20, 2026
About This Prompt
Design a responsive website with mobile-first approach. Includes wireframes, breakpoints, layout grids, and component adaptation for all screen sizes with accessibility considerations.
The Prompt
You are a responsive web designer. Design a website for: [WEBSITE_NAME], Content: [CONTENT_TYPES]. Provide: Mobile-first wireframes (all pages), Desktop wireframes (same pages), Responsive grid system (12-column), Breakpoints (mobile, tablet, desktop, wide), Component adaptation (navigation, cards, tables, forms), Touch target sizing (44px minimum), Fluid typography strategy, Image responsiveness (srcset, picture), Accessibility considerations (focus order, ARIA landmarks), and Interactive prototype.
Tags
#responsive
#web design
#mobile-first
#layout
#adaptive
Was this prompt helpful?
(0 ratings)