FlexFrame
Pro Live
100
/ 100
Responsiveness Audit
Automated checks covering viewport meta tags, container overflows, CSS media queries, touch target sizes, and fluid image rules.
✅ ExcellentViewport Meta
✓
Tag found
Media Queries
0
Breakpoints declared
Overflow Issues
0
Fixed-width violations
Issues Found
0
Total diagnostics
Diagnostic Findings
CSS Breakpoint Analysis
Media query thresholds extracted from your project files.
320px
Tiny
576px
Mobile
768px
Tablet
992px
Laptop
1200px
Desktop
1400px
Wide
Detected @media Rules
Load a project to analyse breakpoints.
Sample Projects
Click any project below to load it instantly into the Device Studio and audit it automatically.
⚡
Score 100%
Modern SaaS Landing Page
Fully responsive layout with flexbox navigation, fluid pricing cards, and CSS custom properties.
🛒
Score 98%
E-Commerce Storefront
Adaptive product grid with a mobile sticky bottom navigation bar and 2-col mobile layout.
❌
Score 32%
Non-Responsive Legacy Site
Intentionally broken: fixed 1200px container, missing viewport meta, tiny touch targets — ideal for testing the audit engine.
🎨
Score 96%
Creative Developer Portfolio
Glassmorphism dark design with responsive CSS Grid project showcase and mobile hidden navigation.