To push a list to the right within a flex container, you can use the justify-content
property set to flex-end
. Here's an example:
.flex-container {
display: flex;
}
.list-left,
.list-right {
flex: 0 0 50%;
justify-content: flex-start;
}
.list-right {
flex: 0 0 50%;
justify-content: flex-end;
}