Skip to content

Instantly share code, notes, and snippets.

@easierbycode

easierbycode/vertical-centering-transform.css

Created June 19, 2021 23:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save easierbycode/7db1e4c4e75652cba499c554b6398a17 to your computer and use it in GitHub Desktop.
Save easierbycode/7db1e4c4e75652cba499c554b6398a17 to your computer and use it in GitHub Desktop.
Download ZIP
vertical centering (transform)
Raw
vertical-centering-transform.css
.three{
height: 33vh;
}
.three p{
position: relative;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment