モバイル デバイスとデスクトップおよびタブレットで異なる方法で情報を表示するための指定された要件を満たすには、開発者は適切なサイズ属性を持つ Lightning レイアウトおよび Lightning レイアウト項目コンポーネントを使用して、フォーム ファクターに基づいてレイアウトを制御する必要があります。
オプションAは正解です。デスクトップとタブレットデバイスではsize属性を「12」に設定しているため、フレームワークはコンテナの幅全体を占め、結果として1行になります。モバイルデバイスではデフォルトで全幅に設定され、レイアウトアイテムが垂直に積み重ねられ、結果として3行になります。
オプション B、C、および D は、デスクトップとタブレットの正しいサイズ属性が設定されていないか、これらのデバイスで 1 行になる適切な構造が維持されていないため、正しくありません。
参考文献:
グリッドシステム上の Lightning デザインシステム: Lightning グリッドシステム
Lightning Web コンポーネントのレイアウトコンポーネントに関するドキュメント: レイアウトコンポーネント