How can I turn off features of css in chrome for testing e.g. css grid

I'm trying to see how my app will look when css grid isn't available. Is it possible to turn off properties like css grid inside of the chrome or canary?

Solution

The CSS Feature Toggles plugin for Chrome can do this. It adds a tab in the developer toolbox with checkboxes for various CSS features that are popular for browsers to not implement, like Grid:

Checking the relevant box will disable the respective feature.

CSS Flexbox Gap - gap value affecting width calculation
How to use "repeat()" css function combined with Angular ngStyle directive?
CSS Modules and CSS keyframe animations
Difference between Localhost and opening html file
Use of display:none but still keep the space used
Referencing another element in CSS / doing math in CSS
Issue with animation, skips half of it's way
Vertically align text within input field of fixed-height without display: table or padding?
hover over image effect: shadow
How can I fix nested gird layout?
How to put some space between elements when bootstrap grid collapse?
How can I make Bootstrap 4 columns all the same height?
Javascript live typing animation that handles HTML tags
applying the same selectors on sibling have a slightly different behaviour
How to overwrite css style
How to create checkbox inside dropdown?
Add image or text onto all JSP pages through Struts or CSS
Render spans inside pre tag (in the HTML, not displayed as text to the user)
What to use in place of ::ng-deep
Select specific element before other element
How to change font for the CodeMirror editor
Make circle image according to screen size with CSS
Div taking all horizontal space
-webkit-backdrop-filter not working on Safari
Nested Flexbox for navbar
How to create a Numbering marker in CSS?
Put text under drag-n-drop area
Remove the space between 2 elements under each other using flex
Bootstrap 5 tooltip placement top issue when page has a scroll
How to dim an image keeping transparency untouched with CSS or JS?