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
From the course: Emmet: Fast and Efficient Web Coding
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.…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.