Flexbox Center Trick
📝 CSS
This CSS snippet centers a child element both horizontally and vertically inside its parent using Flexbox.
CSS
.parent { display: flex; justify-content: center; align-items: center; height: 100vh;
} .child { width: 100px; height: 100px; background: #3498db;
}
Comments
No comments yet. Start the discussion.