Center

This is only here to annoy Jumper. Hi Jumper!

Jokes aside. This is a wrapper that saves you some time by abstracting the flex or grid shenanigans into a component. You can use it like this:

Preview

Hi Jumper!

Code

CenterExample.astro

---
import { Center } from 'studiocms:ui/components';
---

<Center>
  Hi Jumper!
</Center>