CSSグリッドレイアウト作成

このプロンプトは、WEBページのレイアウトをCSSグリッドを使って作成するためのものです。複雑なグリッド構造やレスポンシブデザインも簡単に設定できるように、指定に応じたコードを生成します。グリッドアイテムの配置や列数などを柔軟にカスタマイズできます。

プロンプト

CSSグリッドレイアウトのコードを生成してください。
- グリッド列数：{列数}
- 行の高さ：{高さ}
- アイテム数：{アイテム数}
- ギャップサイズ：{ギャップサイズ}
- レスポンシブ対応：{対応の有無}

プロンプトの使い方

例として、
「グリッド列数：3
行の高さ：200px
アイテム数：6
ギャップサイズ：20px
レスポンシブ対応：あり」
と入力してください。AIがHTMLとCSSコードを生成します。このコードを利用して、モダンで整ったグリッドレイアウトをWEBサイトに簡単に実装できます。