Center Anything with CSS Grid
cssHTML, CSS and Webbeginnertips
Two lines to center a child horizontally and vertically.
.center {
display: grid;
place-items: center;
min-height: 100vh;
}Step 3 of 5 · HTML, CSS and Web Basics for Beginners
Two lines to center a child horizontally and vertically.
.center {
display: grid;
place-items: center;
min-height: 100vh;
}