親の設定を変えると、並び方は？

点線の枠が親の .actions。2つのボタンはその子要素です。この横書き・左から右のページで、親の flex-direction を変えて観察します。

ボタンは配置を見るための見本です。押しても移動や送信はしません。

.actions {
  display: flex;
  flex-direction: row;
}

現在：row。2つのボタンが横に並んでいます。

Should I change the CSS for the parent container or for each button?

英語の質問練習へ戻る