CSSでリストの要素を左右の端に寄せたいときはspace-betweenを使う

CSS で二つの要素を横に並べて、それぞれを左右の端に寄せたいときは、親要素で justify-content を space-between に設定します。

parent という要素に二つの小要素があり、左の要素は左端に、右の要素は右端に寄せたいときは

.parent {
    display: flex;
    justify-content: space-between;
    width: 1104px;
}

とします。小要素でなく、親要素を設定しましょう。また親要素は幅があらかじめ設定されているとします。