Почему разная ширина у колонок в гридах?

Question

[F1eX]

Есть 2 контейнера на гридах. Разметка у первого - grid-template-columns: 2fr 1fr, а у второго - grid-template-columns: 1fr 1fr 1fr;
У контента внутри нет каких-либо жестко заданных размеров или ограничений по ширине. Почему, находясь в одном контейнере, 2 грида имеют немного разную ширину колонок?

Comments

[Steppp]

Потому-что у первого - grid-template-columns: 2fr 1fr, один grid-gap. А у второго 2 grid-gap

[F1eX]

Steppp, Разница в ширине правых колонок явно меньше даже половины значения gap

[Steppp]

F1eX, Ок, разница в ширине, да и пофиг! Я выше написал, что у верхнего блока 1 отступ, а у нижнего 2 отступа!
Но если тебе так хочестя, давай считать! к примеру 1 фракция = 100рх
в верху 2фракции(200) + 1фракция(100) + 10рх отступ = 300 + 10рх = 310
в низу 3 фракции (100+100+100) + 10рх +10рх отступы = 300 + 10 + 10 = 320

Думаю понятно

Answer 1

[Steppp]