I have a simple example of the flex layout here.
All the elements are on the right with justify-content: flex-end;
I need the first element 'One' to be left.
I can do this with absolute positioning but is there a flex way to do this.
.content{
background: grey;
color: white;
font-family: sans-serif;
padding: 10px 5px;
display: flex;
justify-content: flex-end;
}
.block{
background: red;
padding: 5px;
margin-right: 5px;
}
.one{
align-items: flex-start;
background: blue;
//left: 0;
//position: absolute;
}
<div class='content'>
<div class='block one'>
One
</div>
<div class='block two'>
Two
</div>
<div class='block three'>
Three
</div>
<div class='block four'>
Four
</div>
</div>
See Question&Answers more detail:os