アプリをダウンロード
フォルダーを選び、編集前に関連ファイルを読むようアシスタントに依頼します。作業の目的と変更範囲を明確にしてください。
ワークフロー
コーディングのワークフロー · レスポンシブCSSレイアウト
03
ワークフロー
狭いレイアウトから始めます。長いラベルとコードブロックをグリッドに入れ、はみ出しを隠すのではなく要素の縮み方を直します。
プロジェクトフォルダーを開く
対応するエンドポイントを選択します。利用できるツールや回答品質は、設定したモデルとサーバーに依存します。
モデルを接続してテスト
変更内容とコマンド出力を確認します。結果を採用する前にプロジェクトの検証を実行してください。生成コードが自動的にテスト済みになるわけではありません。
変更を確認しテストを実行
実際の動作を期待する結果と比較します。検証に失敗した場合は、次の変更を加える前に原因を調べてください。
レスポンシブCSSレイアウト
ワークフロー
.workspace {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }適用前に確認. 変更内容とコマンド出力を確認します。結果を採用する前にプロジェクトの検証を実行してください。生成コードが自動的にテスト済みになるわけではありません。