● ● ●Webday Studio●
ワークフロー · レスポンシブCSSレイアウト ×
.workspace {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }✳狭いレイアウトから始めます。
✓ 変更内容適用前に確認 ↗
ワークスペースのイメージ
適用前に確認
実際の動作を期待する結果と比較します。検証に失敗した場合は、次の変更を加える前に原因を調べてください。
モデル
OpenAI互換またはAnthropicのエンドポイントを、ベースURLと必要なAPIキーで設定し、接続をテストします。ローカルのモデルサーバーは起動が必要です。リモートツールは別途データを送信する場合があります。
プロジェクト
長いラベルとコードブロックをグリッドに入れ、はみ出しを隠すのではなく要素の縮み方を直します。
ワークフロー
.workspace {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
}
.workspace > * { min-width: 0; }