CSSグリッドシステムを使用しており、ページコンポーネントがdivであり、境界線の半径を持つグリッドにスナップしたとします。CSSグリッドとネストされた要素
このようなコンポーネントをネストする場合、親コンポーネントと子コンポーネントの間の距離は、少なくとも列幅以上でなければなりません。
距離を短くしたい場合はどうすればよいですか？
3〜4レベルまでネストしたい場合はどうすればよいですか？
アイデア？右 - あなたは巣などのコンポーネントにしたい場合
おかげ
は、親 と子コンポーネントの間の距離は、少なくとも列幅でなければなりませんか？
グリッド内のブロック/列を整列するのに境界線半径を使用するのはなぜですか？マージンを使ってはいけませんか？
グリッド内に配置する場合は、すべてのグリッド列にガターが必要です。 CSSグリッドフレームワークで探しているものは、1KB Gridと非常によく似ています。
さらに柔軟性が必要な場合は、Variable Grid Systemを使用できます。あなたが提案しているものから、カスタムグリッドを使用したり、CSSグリッドフレームワークを作成する必要はありません。
いいえ、申し訳ありませんが、これらのコンポーネントには境界線（通常1px）があるかどうかは関係ありません。グリッド間隔。 – stephenwil
ボーダーは要素に寸法外の色を与え、ボーダーを持つdivは、ボーダーを誇示するのに十分なスペースがない限り、他のdivを押し出す傾向があります。あなたができることは、すべてに境界線を与えることです。また、目に見える境界線を持たないアイテムに対しては、境界線を透明にすることができます。 – desbest
子供もグリッドに合わせる必要がありますか？一般に、グリッドシステムは最上位のページ構造に最も有用です。また、あなたの外側のdivに入れ子がありますか（入れ子divを含んでいますか？） – Wylie