A personal website

Enabling Grid 3 Support

This site is best viewed with CSS “Grid3” support enabled. Grid3 is an experimental feature that allows for easy masonry/waterfall layouts popularized by sites like Pinterest, to learn more check out “Help us invent CSS Grid Level 3, aka “Masonry” layout” by Jen Simmons on behalf of the WebKit team.

Safari

macOS

If you’re using Safari on macOS, this feature can be enabled by first enabling Web Developer features via:

Safari > Preferences > Advanced > Show features for web developers

Then turning on the feature flag via:

Safari > Preferences > Feature Flags > CSS Masonry Layout

iOS

If you’re using Safari on iOS, this feature can be enabled by turning on the feature flag via:

Settings > Apps > Safari > Advanced > Feature Flags > CSS Masonry Layout

Firefox

If you’re using Firefox, this feature can be enabled by turning on the feature flag via:

about:config > layout.css.grid-template-masonry-value.enabled

You may need to restart Firefox for the setting to take effect.

Chrome

I’m not currently aware of a way to enable “Grid3” support in Chrome or Chromium based browers, if you happen to know a solution please drop me a line using of my contact methods listed under links.