css-grid-snippets

Supercharge your CSS Grid usage with VS Code snippets 👏 👏

Usage

Snippet	Purpose
dg	display: grid
dig	display: inline-grid
gtr	grid-template-rows: - - -
gtc	grid-template-columns: - - -
gta	grid-template-areas: - - -
gg	grid-gap: - - -
grp	grid-row-gap: - - -
gcp	grid-column-gap: - - -
grs	grid-row-start: - - -
gre	grid-row-end: - - -
gr	grid-row: - - -
gcs	grid-column-start: - - -
gce	grid-column-end: - - -
gc	grid-column: - - -
ga	grid-area: - - -
gaf	grid-auto-flow - - -
gar	grid-auto-rows - - -
gac	grid-auto-columns - - -

Installation

1. Install Visual Studio Code 1.8.0 or higher
2. Launch VSCode
3. Open the extensions tab

4. Search for "CSS Grid snippets"

5. Choose the extension
6. Reload Visual Studio Code

Enjoy! 😘 😘