хочу 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 всей ширины
Обсуждают сегодня