diff --git a/.vim/snips/css.snippets b/.vim/snips/css.snippets
new file mode 100644
index 0000000..9e5ba2b
--- /dev/null
+++ b/.vim/snips/css.snippets
@@ -0,0 +1,58 @@
+snippet b1r "Red border (1px)"
+border: 1px solid red;
+$0
+endsnippet
+
+snippet df "Use flexbox layout"
+display: flex;
+$0
+endsnippet
+
+snippet fr "Use row direction (flex)"
+flex-direction: row;
+$0
+endsnippet
+
+snippet fc "Use column direction (flex)"
+flex-direction: column;
+$0
+endsnippet
+
+snippet dfr "Use flexbox layout in row direction"
+display: flex;
+flex-direction: row;
+$0
+endsnippet
+
+snippet dfr "Use flexbox layout in column direction"
+display: flex;
+flex-direction: column;
+$0
+endsnippet
+
+snippet dg "Use CSS grid layout"
+display: grid;
+$0
+endsnippet
+
+snippet db "Use block layout"
+display: block;
+$0
+endsnippet
+
+snippet dn "Set display to 'none'"
+display: none;
+$0
+endsnippet
+
+snippet var "Use CSS variable"
+var(--$1)$0
+endsnippet
+
+snippet m
+margin: $0;
+endsnippet
+
+snippet p
+padding: $0;
+endsnippet