Kept the 2-col grid (you liked it), but trimmed padding ruthlessly. 168px mobile (43%), 200px tablet (26%), 240px desktop (17%). Cells are tighter: 5px padding (was 10-12px), 3px gap (was 6-8px), 8px labels (was 9-10px), 14px icons (was 18-22px). 12 tools still fit in a 168px column. Most of the app stays visible.
Bring nature into the classroom with beautifully illustrated resources.
Books · News · Team · Resources
Ready to bring trees to your classroom?
Bring nature into the classroom with beautifully illustrated, curriculum-aligned resources.
Books · News · Team · Resources · Pricing
Bring nature into the classroom with beautifully illustrated resources.
Books · News · Team · Resources · Pricing · Contact
| Version | Mobile (390px) | Tablet (768px) | Desktop (1440px) | Layout | Notes |
|---|---|---|---|---|---|
| v1 | 280px (72%) | 280px (36%) | 280px (19%) | 2-col, generous padding | First try — too wide on mobile |
| v2 | 220px (56%) | 280px (36%) | 360px (25%) | 2-col, generous padding | Refined — still hides too much app |
| v3 | 140px (36%) | 160px (21%) | 180px (12.5%) | 1-col icon list | Wrong — single column loses the grid |
| v4 ✓ | 168px (43%) | 200px (26%) | 240px (17%) | 2-col, tight padding | Best — keeps 2-col, app stays visible |
mockups/samsung-edge-panel/ — v1 (first try, too wide)mockups/samsung-edge-panel-v2/ — refined widths, still 2-col generous paddingmockups/samsung-edge-panel-v3/ — single column (the wrong turn)mockups/samsung-edge-panel-v4/ — 2-col + tight padding (the keeper)