このプロンプトは、さまざまなデバイスに対応したレスポンシブ画像グリッドを作成します。ギャラリーや写真を整理して表示するのに最適です。
目次
プロンプト
レスポンシブ対応の画像グリッドのHTMLとCSSコードを作成してください。 - 画像URLリスト:{画像リスト} - グリッド列数:{列数} - 配色:{配色} - ズーム機能:{有無}
プロンプトの使い方
利用例として、
「画像URLリスト:https://example.com/img1.jpg, https://example.com/img2.jpg
グリッド列数:3
配色:白と黒
ズーム機能:あり」
と入力します。AIがレスポンシブ画像グリッドのコードを生成します。このコードを利用することで、どのデバイスでも美しいギャラリーを実現できます。