Prepare repository for merge

css/snippets/grid-centering.md

@@ -0,0 +1,28 @@
+---
+title: Grid centering
+type: snippet
+tags: [layout]
+cover: work-hard-computer
+dateModified: 2020-12-30T15:37:37+02:00
+---
+
+Horizontally and vertically centers a child element within a parent element using `grid`.
+
+- Use `display: grid` to create a grid layout.
+- Use `justify-content: center` to center the child horizontally.
+- Use `align-items: center` to center the child vertically.
+
+```html
+<div class="grid-centering">
+  <div class="child">Centered content.</div>
+</div>
+```
+
+```css
+.grid-centering {
+  display: grid;
+  justify-content: center;
+  align-items: center;
+  height: 100px;
+}
+```