trashvin:

I have a Flexbox setup like this

.container {
display: flex;
min-height: 300px !important;
}
.space-between {
justify-content: space-between;
}
.align-end {
align-self: flex-end;
}
.align-center {
    align-self: center;
}

The problem is, when I tried setting the align-self to end or center by applying align-end to child#2 and align-center to child#3, it changes the Height of the child where it is being applied.

Any explanation why this is occurring and the possible fix? Thanks