project root で icon がある page 以外を高さ半分で表示する UserCSS

https://gyazo.com/74867335c427b9278b903de504041d65

こういう感じでページ密度が上がって楽しい。

code:style.css

max-width: 1500px;

}

/* original は repeat(auto-fill, minmax(147px, 1fr)) */

/* 4倍細かい grid を使う。3:4 みたいな比率が使える */

grid-template-columns: repeat(auto-fit, minmax(36.75px, max-content));

/* ちょっと狭めに表示 */

gap: clamp(8px, 1.5vw, 12px);

/* 中央寄せ風 */

justify-content: center;

li {

grid-row: span 2;

grid-column: span 4;

aspect-ratio: 2/1;

}

li.image {

grid-row: span 4;

grid-column: span 4;

aspect-ratio: 1/1.1;

}

}