Snippet for VS Code — CSS Media Query

A super fast and convenient snippet for typing media queries in VS Code.

✅ CSS ✅ SASS ✅ SCSS

Snippet demo

Add this snippet to your VS Code settings👇

How to add snippet

Windows: File > Preferences > User Snippets and then select css
Mac: Code > Preferences > User Snippets and then select css

Snippet Usage

1. Type “@med” + Tab
2. Enter your max-width + press Tab (i.e. “1500px”)
3. Enter your selector + press Tab (i.e. “footer”)
4. Enter your CSS-properties (i.e. “color:red;”)

Got snippets? Please share! 😀