cssでの要素の右移動について

Question

開発者ツールにて、画像の紫部分に要素を移動させて右端表示にしたいと思っています。
margin設定を試したのですが、あくまで青表示に部分内でしか動きがありませんでした。
そもそもこの紫の部分は何者なのでしょうか、cssで動かせるようにするにはどうすればよかったのでしょうか、
ご教授ください。

.row{
    display: flex;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

Comments

[yambejp]

HTMLとCSSのソースを提示ください

Answer 1

とりあえずjustify-content:flex-end;を追加したらどうでしょう。

.row{
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}