|||

CSS Center Vertically & Horizontally

Here’s one way (don’t recall how I arrived at this):

section {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 100vh;
    place-items: center; /* align-items: center; */
}

Here’s a simpler way:

section {
    display: grid;
    place-items: center;
}
Up next Welcome Brought to you by blot.im View all posts (a.k.a. Garden). I originally tried building a digital garden with Jekyll and 11ty but eventually got tired A Poem For My HEAVENLY FATHER HEAVENLY FATHER, YOU have immersed my entire being into the ocean that is YOUR SPIRIT. I am drowning in YOU, yet I do not want to be rescued. Please
Latest posts Excerpt: Fathered By God Suffering in the Flesh War Torn City The Blessed Life YESHUA Fighting The Name David I Want It All Fade In setTimeout Function in JS Slowing Down Withholding Truth Design Approach Why I’m Tired Of The Rat Race Done Hustlin’ Testimony: GOD Revealed HIMSELF To Me My First Typeface Don’t Worship The Bible A Poem For My HEAVENLY FATHER CSS Center Vertically & Horizontally Welcome Git: Create New Branch, Checkout, & Merge Reading