хочу 3 колонки по 1/3 ширины и gap 10px?
display: grid;
grid-template-columns: 33,33% 33.3% 33.33%
gap: 10px;
Так не получается. Колонки выпадают из контейнера, так как 1/3 берется от 100% ширины, без учета gap
grid-template-columns: repeat(3, 1fr)
Maria Bogatyreva (5) увеличил репутацию Alexey (2)
ещё подмечу что fr - берет всю ширину контента, таким образом если написать 3 раза 1fr, то по сути каждый fr будет равен 1/3 всей ширины
Обсуждают сегодня