Published May 06 2021
Psssst! The 2023 WEB DEVELOPMENT BOOTCAMP is starting on FEBRUARY 01, 2023! SIGNUPS ARE NOW OPEN to this 10-weeks cohort course. Learn the fundamentals, HTML, CSS, JS, Tailwind, React, Next.js and much more! ✨
I always tend to forget how to align center vertically using Flexbox.
You need a container with those CSS instructions:
display: flex; align-items: center; justify-content: center;
In Tailwind, this translates to the classes
flex items-center justify-center.
<div class='flex items-center justify-center'> <button>Add</button> </div>