Kredo Blog・編集部作成の練習教材
先に自分の文を書き、解答例と見比べてください。英文は一つに限定されません。自己確認の項目は文法や発音の自動採点ではありません。
入力は自動保存されません。閉じる前に「練習メモを保存」でテキストへ保存してください。入力を外部に送信する機能はありません。
ファイルは保存できています。先生の Save the file の後が聞き取れませんでした。必要なところを聞き直しましょう。
先生の返事：Refresh the page in your browser.
I've saved the file. Could you repeat the next step?
保存はできました。次の手順をもう一度言ってもらえますか？
先生が Refresh the page in your browser. と答えたら、So, I should refresh the browser page now? と確認できます。保存済みであることと、聞きたい範囲の2点が伝わればOKです。
2つのボタンが .actions に囲まれています。ボタンを縦に並べたいので、CSSをどこに書くか質問しましょう。
先生の返事：Change the flex direction on the parent container.
I want to arrange the two buttons vertically. Should I change the CSS for .actions or for each button?
2つのボタンを縦に並べたいです。.actionsと各ボタンのどちらのCSSを変えればよいですか？
「したいこと」と「迷っている2つの場所」が伝わる質問です。Where should I put this? だけで伝わりにくいときは、このように対象を具体化できます。
先生に Set flex-direction to column on .actions, save the file, and refresh the page. と言われました。自分の言葉で順番を確認しましょう。
先生の返事：Yes. Try it now, then check the layout.
Let me check: first I change .actions to column, then save and refresh. Is that correct?
確認させてください。まず.actionsをcolumnに変えて、それから保存して再読み込みですね？
省略した言い方でも、この会話ではCSSの設定だと分かります。より明確にするなら change the flex-direction value for .actions to column と言えます。確認できたら I'll try it now. と一つ試してみましょう。
練習メモを保存
ボタンの縦横を切り替える配置デモ
元の記事を読む（インターネット接続が必要）