#
general
デザインの雑談、近況報告、ちょっとしたヘルプ
2026年4月26日
R
ren_yamashita
10:24
みなさん、ベントー型機能紹介で
@yui
の作った例見ました？めっちゃ尖ってる…
🔥
12
💯
4
👀
7
Y
yui
10: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.aoki
10:42
参考リンク貼ります。Bento 型の元祖から最近のまでまとめた記事です ↓
vibe.itlibra.com
Bento タイル型の機能紹介セクション
大小のマスで情報を並べるベントーグリッドのAIプロンプト集。Apple・Linearの機能紹介で流行。
🙏
5
B
vibe-bot
10:48
📦 新規デザインが追加されました:
@everyone
送信