Demos

CSS Gap Decorations demos

This directory contains demos that showcase the use of CSS Gap Decorations, a feature proposal by the Microsoft Edge team to draw line decorations within gaps in CSS Grid, Flexbox, and Multi-column layouts.

Demos

• Burger Menu
• Daily CSS News
• Guitar Fret Board
• Notebook
• Calendar
• Personal site
• The Daily Oddity

Developer playground

• CSS Gap Decorations playground

Try the feature and share feedback

To try the feature, follow these steps:

1. Use a Chromium-based browser, such as Microsoft Edge or Chrome, and make sure the version is at least 139.
2. In the browser, open a new tab and go to about:flags.
3. Search for “Experimental Web Platform features” in the search box.
4. Set the Experimental Web Platform features flag to Enabled, and then restart the browser.

To share feedback, please open an issue on the MSEdgeExplainers repository.

This site is open source. Improve this page.