update

UltiSnips/css.snippets

@@ -3,19 +3,19 @@ snippet sld "/* stylelint-disable-next-line ... */"
 endsnippet
 
 snippet @m "@media ( ..."
-@media ($1: ${2:$bp-${3:s}}) {
+@media (${1:min-width}: ${2:$bp-${3:s}-min}) {
         $0
 }
 endsnippet
 
 snippet @max "@media (max-width: ..."
-@media (max-width: ${2:$bp-${3:s-max}}) {
+@media (max-width: ${2:$bp-${3:s}-max}) {
         $0
 }
 endsnippet
 
 snippet @min "@media (min-width: ..."
-@media (min-width: ${2:$bp-${3:s}}) {
+@media (min-width: ${2:$bp-${3:s}-min}) {
         $0
 }
 endsnippet
@@ -37,10 +37,10 @@ background: linear-gradient(
 endsnippet
 
 snippet flex "display: flex ..."
-display: flex;
-flex-direction: ${1:row};
-justify-content: ${2:center};
-align-items: ${3:center};
+display: flex;${1:
+flex-direction: ${2:column};}
+justify-content: ${3:center};
+align-items: ${4:center};
 endsnippet
 
 snippet w "width: ;"
@@ -160,10 +160,28 @@ snippet fs "font-size: ... ;"
 font-size: ${1:1}${2:rem};
 endsnippet
 
+snippet fw "font-weight: ... ;"
+font-weight: ${1:bold};
+endsnippet
+
 snippet o "opacity: ... ;"
 opacity: ${1:0};
 endsnippet
 
+snippet grid "display: grid ..."
+display: grid;
+grid-template-columns: $1;
+grid-template-rows: $0;
+endsnippet
+
+snippet gr "grid-row: ... ;"
+grid-row: $0;
+endsnippet
+
+snippet gc "grid-column: ... ;"
+grid-column: $0;
+endsnippet
+
 snippet rgbw "rgba( ... )"
 rgba(${1:#fff}, ${2:0.5})
 endsnippet