About保管用

作品ギャラリーサンプル

グリッドレイアウトの最適解

一つ一つの画像の見せ方は縦横に何マスずつ使うかで決めます。
今回はもらったデータっぽくなるように、こんな感じでレイアウトしています。
↓このマスの規則に沿って画像レイアウトや各画像の大きさ・縦横比を考えてください。

画像の隙間は10pxにしていますが、隙間ゼロにもできます。
他にも下記を変更できます。

  • 枠線ありなし
  • 枠線の太さ/色
  • シャドウありなし
  • 角丸
  • スマホでの見せ方(1列〜3列ぐらい?)