flexbox justify-self: flex-end not working? [duplicate]
Solution 1:
You could use margin-left: auto on right element instead. Also when you use display: flex on parent element display: inline-block on child elements is not going to work.
.row {
border: 1px solid black;
display: flex;
align-items: center;
}
.left,
.right {
background-color: yellow;
}
.right {
margin-left: auto;
}<div class="row">
<!--<div class="left">left</div>-->
<div class="right">right</div>
</div>