完成形を見ながらインタラクティブにCSSグリッドのコードを生成する・「cssgr.id」

Ads

cssgr.id


cssgr.idはCSSグリッドのコードをインタラクティブに生成するジェネレーターです。シンプルにそれ以上でも以下でもないものです。生成されるコードは以下のようなものです。

.grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 13px;
}

CSSグリッドはコンテナを並べるくらいなら簡単なコードで実装できるのでこの手のツールは不要ですね。知識や技術がない、時間が無い方向けのツールのようです。

cssgr.id