I am confused about the my-auto

Sarah · December 20, 2017, 9:26am

here is my Codepen link:

I want to put the div #quote-div at the center of the page, so I set “mx-auto my-auto”

but the result is the picture:

the div is at the top of the page, why “my-auto” is invalid？

Please give me some help!Thanks a lot!

TomerPacific · December 20, 2017, 8:10pm

@Sarah,
you want to add a margin to the top of your div. Inside your CSS selector for the quote-div, put :

#quote-div{
    background-color: white;
    margin-top : 20%;
    border-radius:5px;
}