diff --git a/CLAUDE.md b/CLAUDE.md
index 8b91a096..d1adc5b8 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -210,6 +210,7 @@ UI and Styling
 - Use Phoenix LiveView for dynamic, real-time interactions.
 - Implement responsive design with Tailwind CSS.
 - Use Phoenix view helpers and templates to keep views DRY.
+- **Responsive Design**: When screen space is limited, prefer content-focused flexible layouts over rigid tabular structures. Reorganize information hierarchically within each item, grouping related data visually while maintaining scanability and preserving all functionality.
 
 Performance Optimization