A place for developers to talk about building on Farcaster.

/dev

does anybody have a good method of just... centering a div

building reel.farm and farcasterstudio.com

Use flexbox

display: flex;
 justify-content: center;
 align-items: center;

<div class=“.flex”>
      <div>This inner div will get centered
      </div>
</div>

Or use CSS-Grid (alt to Flexbox).
That's CSS in JS, but translate to whatever technique you're using.

Place that style on the parent element - and the child element will be centered vertically and horizontally.

For X/Y control, use:

      justifyContent: 'center',
      alignContent: 'center',

accordingly🙌