diff --git a/snippets/horizontal-and-vertical-centering.md b/snippets/flexbox-centering.md
similarity index 67%
rename from snippets/horizontal-and-vertical-centering.md
rename to snippets/flexbox-centering.md
index 0bb259d7a..19074bb0b 100644
--- a/snippets/horizontal-and-vertical-centering.md
+++ b/snippets/flexbox-centering.md
@@ -1,11 +1,11 @@
-### Horizontal and vertical centering
+### Flexbox centering
 
-Horizontally and vertically centers a child element within a parent element.
+Horizontally and vertically centers a child element within a parent element using `flexbox`.
 
 #### HTML
 
 ```html
-<div class="horizontal-and-vertical-centering">
+<div class="flexbox-centering">
   <div class="child"></div>
 </div>
 ```
@@ -13,7 +13,7 @@ Horizontally and vertically centers a child element within a parent element.
 #### CSS
 
 ```css
-.horizontal-and-vertical-centering {
+.flexbox-centering {
   display: flex;
   justify-content: center;
   align-items: center;
@@ -23,13 +23,13 @@ Horizontally and vertically centers a child element within a parent element.
 #### Demo
 
 <div class="snippet-demo">
-  <div class="snippet-demo__horizontal-and-vertical-centering">
-    <p class="snippet-demo__horizontal-and-vertical-centering__child">Centered content.</p>
+  <div class="snippet-demo__flexbox-centering">
+    <p class="snippet-demo__flexbox-centering__child">Centered content.</p>
   </div>
 </div>
 
 <style>
-.snippet-demo__horizontal-and-vertical-centering {
+.snippet-demo__flexbox-centering {
   display: flex;
   justify-content: center;
   align-items: center;