# general デザインの雑談、近況報告、ちょっとしたヘルプ
2026年4月26日
R
ren_yamashita10:24
みなさん、ベントー型機能紹介で @yui の作った例見ました？めっちゃ尖ってる…
🔥12 💯4 👀7
Y
yui10:31
ありがとう！ grid-template-columns: repeat(12, 1fr) で骨格組んで、メインタイル span 8、サブを span 4 にしただけだよ〜
これがコード:
CSS/* bento layout */ .grid { display: grid; grid-template-columns: repeat(12, 1fr); gap: 24px; } .grid > .tile:first-child { grid-column: span 8; }
⭐8 🤝2
S
sakura.aoki10:42
参考リンク貼ります。Bento 型の元祖から最近のまでまとめた記事です ↓
vibe.itlibra.com
Bento タイル型の機能紹介セクション
大小のマスで情報を並べるベントーグリッドのAIプロンプト集。Apple・Linearの機能紹介で流行。
🙏5
B
vibe-bot10:48
📦 新規デザインが追加されました: @everyone

表示見本です。送信・切替・通話は未実装で、入力は保存しません。

送信