Responsive Two-Pane Layout with Window Size Classes

View organization page for Android Developers

160,794 followers

Material 3 Window Size Classes helped Notability create a responsive two-pane layout that transitions smoothly between folded and expanded screens. Tracking the window itself allowed their layout and canvas zoom to ensure it felt native at every size, not just stretched to fit. Learn more about Window Size Classes → https://goo.gle/3UrcdT9

  • A quote card with a large dark blue quotation mark on the left and a quote on the right against a light blue background. The text reads, “A foldable changes shape throughout the day, from a phone in your pocket to a tablet on your desk. We wanted Notability to feel native at every size, not just stretched to fit,” and is attributed to Ryan Shea, Android Engineering Manager at Notability.

Read the blog to learn more about how to deliver adaptive experiences across new foldables and expanded displays. 🔗 https://goo.gle/4cDFRea

  • No alternative text description for this image

To view or add a comment, sign in

Explore content categories