Zenn
Open1

Recipes: cssレイアウト

CSS
bisquit_devbisquit_dev

横並びで、左右の幅が違うけど、真ん中の要素を真ん中にしたい

<div className="grid grid-cols-[1fr_auto_1fr] items-center">
  <button className="place-self-start">LEFT BUTTON</button>
  <h1>TITLE</h1>
  <div className="place-self-end">
    <button>RIGHT BUTTON1</button>
    <button>RIGHT BUTTON2</button>
  </div>
</div>