Skip to content

Instantly share code, notes, and snippets.

@sktwentysix

sktwentysix/flex-perfect-center.css

Last active June 15, 2018 06:44
Show Gist options
  • Save sktwentysix/004889b4d5302eee28f81a39e7b3bbea to your computer and use it in GitHub Desktop.
Save sktwentysix/004889b4d5302eee28f81a39e7b3bbea to your computer and use it in GitHub Desktop.
Download ZIP
CSS Flex Perfect Center
Raw
flex-perfect-center.css
/* A basic example of how to center an element both verticallty and horizontally on a page or within a container */
div {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment