DEV Community

Discussion on: #30daysofelm Day 7: Centered div and content

View post
Collapse
 
kristianpedersen profile image
Kristian Pedersen • • Edited

I just learned you can do this:

<div id="container">
  <div>I am centered horizontally and vertically</div>
</div>
Enter fullscreen mode Exit fullscreen mode 
#container {
  height: 100vh;
  display: grid;
  place-items: center;
}
Enter fullscreen mode Exit fullscreen mode

I'm sure modern CSS is pretty good once you get into it.