Skip to content

Instantly share code, notes, and snippets.

@VehpuS

VehpuS/center-on-screen.css

Created July 16, 2021 05:24
Show Gist options
  • Save VehpuS/10758d3e08abfa8abe35d18b69725bd9 to your computer and use it in GitHub Desktop.
Save VehpuS/10758d3e08abfa8abe35d18b69725bd9 to your computer and use it in GitHub Desktop.
Download ZIP
A quick reference to cool ways to center elements
Raw
center-on-screen.css
.el {
position: absolute;
left: 50%;
transform: translateX(-50%);
top: 0;
transform: translateY(calc(50vh - 50%));
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment