Flexbox - align element to the right using flex-direction: column; without relying on position in CSS
Hello everyone, I am looking to move my row element to the right without using positioning.
This code includes flex-direction: column; and I do not have control over the position of rows.
Can someone guide me on how to achieve this correctly with flexbox elements.
body {
margin: 0;
background-color: rgb(247, 176, 232);
}
.container {
display: flex;
flex-direction: column;
height: 50px;
}
.box {
background-color: red;
height: 20px;
width: 50%;
}<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>