Как выравнивать оба блока child
по центру родительского? Без position: absolute;
с помощью flex-атрибутов это возможно?
.parent {
display: flex;
flex-flow: column nowrap;
background: #cccccc;
}
.child1 {
width: 50vh;
height: 50vh;
background: red;
margin: auto;
border: 1px solid #cccccc;
transition: ease 5s;
}
.child2 {
width: 10vh;
height: 10vh;
margin: auto;
background: green;
cursor: pointer;
}
<div class="parent">
<div class="child1"></div>
<div class="child2"></div>
</div>

div
по центру.