Flex layout for portfolio

Hello
I am creating a portfolio using flexbox, I am using a column for the direction. I am trying to have the flex-column width stretch vertical so it fits the width for the browser screen. Also need it to fit the bottom of page without an white space at the bottom. How do I make this happen. Am I better of using grid. Here is the css property:

.flex-container{
display: flex;
flex-direction: column;
height: 100%;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content