Duyarlı düzen özeti oluşturucu
Mobil, tablet ve masaüstü sütunları, bağırsakları ve navigasyon davranışını belirtin. Bir şematik bir düzen ve yanıt veren bir uygulama kısasını ihraç edin.
Sorumlu kısa
Project dashboard
Content
Project cards with search, filters, and a create-project action.
Breakpoints
- Mobile: below 768px; 1 column(s); Menu button.
- Tablet: 768px to 1023px; 2 column(s); Compact sidebar.
- Desktop: 1024px and above; 3 column(s); Full sidebar.
Spacing
24px content gutters and grid gaps. Reduce spacing only where narrow screens require it.
Behavior
Preserve semantic reading order. Keep the primary action reachable and form labels visible. Avoid horizontal page scrolling. Test keyboard navigation, long content, zoom, and intermediate widths, not just the three examples. Reuse the project's breakpoint and spacing tokens where they represent these values.
Dışa aktarılan metin İngilizce kalır; girdileriniz olduğu gibi korunur.
No signup. Hiçbir AI kredisi yok. Bu araç tarayıcınızda çıktınızı birleştirir.
Bir fikirden faydalı bir şey için.
- 01
Ekranın ve birincil içeriğinin adı.
- 02
Her bir noktada sütunlar ve navigasyon seçin.
- 03
Algoritma ve yanıtlı kısa ihracat.
Küçük bir bağlam.
Hassas bir kısa ekran görüntülerin ayrıldığı kararları alır: sütunlar değiştiğinde, navigasyon nasıl çöker ve okuma emrinde ne kalır. Bu inşaatçı açık uç noktası değerleri ve bir şematik önizleme kullanır. Son yanıtlı arayüzü oluşturmuyor veya denetim etmiyor.
İyi sorular.
Bu çıktı tam bir sayfa mı?
Hayır. İnşaatçınız veya ekibinizle kullanmak için bir düzen spesifikasyonu yaratır.
Dalga noktaları çerçeveye özgü midir?
Hayır. Kısa kullanım CSS Pixel genişlikler ve davranışı açıklar. Onları projenizin uç noktalarına haritalayın.