CSS Grid Lanes extends CSS Grid to create layouts with columns or rows (not both), allowing mixed aspect ratio content to pack neatly (also known as "masonry" or "waterfall" layout).
Chrome
- ❌ 4 - 139: Not supported
- ❌ 140 - 148: Disabled by default
- ❌ 149: Disabled by default
- ❌ 150 - 152: Disabled by default
Edge
- ❌ 12 - 139: Not supported
- ❌ 140 - 148: Disabled by default
- ❌ 149: Disabled by default
Safari
- ❌ 3.1 - 16.3: Not supported
- ❌ 16.4 - 26.3: Disabled by default
- ✅ 26.4: Supported
- ✅ 26.5 - TP: Supported
Firefox
- ❌ 2 - 76: Not supported
- ❌ 77 - 150: Disabled by default
- ❌ 151: Disabled by default
- ❌ 152 - 154: Disabled by default
Opera
- ❌ 9 - 123: Not supported
- ❌ 124: Disabled by default
- ❌ 125 - 127: Not supported
- ❌ 131: Not supported
IE
- ❌ 5.5 - 10: Not supported
- ❌ 11: Not supported
Chrome for Android
- ❌ 149: Disabled by default
Safari on iOS
- ❌ 3.2 - 16.3: Not supported
- ❌ 16.4 - 26.3: Disabled by default
- ✅ 26.4: Supported
- ✅ 26.5: Supported
Samsung Internet
- ❌ 4 - 29: Not supported
- ❌ 30: Not supported
Opera Mini
- ❌ all: Not supported
Opera Mobile
- ❌ 10 - 12.1: Not supported
- ❌ 80: Not supported
UC Browser for Android
- ❌ 15.5: Not supported
Android Browser
- ❌ 2.1 - 4.4.4: Not supported
- ❌ 149: Not supported
Firefox for Android
- ❌ 151: Disabled by default
QQ Browser
- ❌ 14.9: Not supported
Baidu Browser
- ❌ 13.52: Not supported
KaiOS Browser
- ❌ 2.5: Not supported
- ❌ 3: Not supported
- Resources:
- Introducing CSS Grid Lanes