Flexbox - justify-content doesn't work

Flexbox - justify-content doesn't work
0.0 0

#1

hello

i am adding a justify-content attribute to the container element but it doesn’t work if i use the flex-direction.
each work when i use them separately the justify-content and the flex-direction

<style>
.container{
	width:100%;
	height:600px;
	border: 1px solid black;
	display: flex;
	flex-direction: column;
    justify-content: flex-end;
padding: 100px;
	
}

.box1{
	width: 30%;
	height: 200px;
	background-color: red;
}

.box2{
	width:50%;
	height:200px;
	background-color: blue;
}
</style>
<div class="container">
<div class="box1"></div>
<div class="box2"></div>


</div>




#2

it was actually working i had a padding value of 100px in the container element so i didn’t see the justify-content effect.