From the course: Emmet: Fast and Efficient Web Coding

Unlock the full course today

Join today to access over 22,500 courses taught by industry experts or purchase this course individually.

Customize CSS snippets

Customize CSS snippets

From the course: Emmet: Fast and Efficient Web Coding

Start my 1-month free trial

Customize CSS snippets

[Instructor] If you don't find enough CSS abbreviations to make you feel all warm and fuzzy, don't fear, they are customizable. As of late, I've been building a lot of websites using CSS Grid. Some of the editors like brackets do not offer Emmet support for these handy properties. I'm working on the same file from a previous video where I want to create a multi-column layout at large screen. We used Flexbox before but now I've decided I want to use grid for this section. As you can see, when I start to type in my grid related code like let's use dg for display grid and hit Tab, I don't get what I'm looking for. No Emmet. Now this may seem very painful, but once you learn Emmet you'll want to use it for everything. So guess what I did yep, you got it. I visited the snippets file and added my own code. I'm going to drill into the various folders and find the snippet.json file. And I'll open this inside of Emmet.…

Contents