### Grid centering
Horizontally and vertically centers a child element within a parent element using `grid`.
#### HTML
```html
```
#### CSS
```css
.grid-centering {
display: grid;
justify-content: center;
align-items: center;
}
```
#### Demo
#### Explanation
1. `display: grid` enables grid.
2. `justify-content: center` centers the child horizontally.
3. `align-items: center` centers the child vertically.
#### Browser support
✅ No caveats.
* https://caniuse.com/#feat=css-grid