Note

How to center a div: the app (Claude Artifact)!

Here's a fun little app I made a while ago with Claude Artifacts. It lets you try all the different ways to centre a div with CSS (e.g. flexbox, grid, margins from a dropdown):

How to Center a Div, the app!

There's also a ranking table of which method Claude recommends most:

Flexbox and Grid have 5 stars, Flex margin 4 stars, Aboslute positioning 3 stars
Ranking centering a div

Claude Artifacts is available for all!

Seeing that Claude Artifacts is now available for anyone, it reminded me of when I was first playing with Artifacts and the stuff I tried. Here's the link to it:

Read more about Artifacts general availability here:

Share to your friends
Author avatar

Graeme Fulton

Making Prototypr and Letter.so

Robot illustration

Comments