Q: How do I center an element both ways? — Nakshora 1.0

How do I center an element both ways? — answered for Nakshora 1.0 with working markup and the reasoning behind it.

Question: *How do I center an element both ways?*

Answer#

Use grid with place-items-center on the parent — both axes in one declaration. undefined

html

<div class="grid place-items-center min-h-64">
  <div class="p-6 rounded-xl shadow-md border">Centered</div>
</div>

Tip. This answer targets Nakshora 1.0. The same question is answered version-appropriately in every other release — use the version switcher.