Может, потому что display grid не задан?
Надо всё в одних кавычках, вроде
https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-areas
я думал что это работает в процентном соотношении автоматом
Не уверен, что понимаю, о каких процентах речь. Вы разметили явно сетку 7*3. И так же явно попросили поставить контент в 7 колонку первого ряда
т.е. колонок 7, правильно? так и почему он рисует последнюю колонку шире чем остальные. логично же что 7 колонка должна быть такая же как и 6 предыдущие. НО НЕТ
Я бы тоже этого ожидал, да Можете минимальный пример на codepen создать? Может у вас там у .articles стоит минимальная ширина или еще что-нибудь
вот все стили, которые есть у .articles (вместе с браузерными)
Ага, в общем да, не знал этого, надо все-таки указывать гриду, как вы хотите, что бы пространство свободное распредялось, если есть такие жадные компоненты с кучей текста В вашем случае просто grid-template-columns: repeat(7, 1fr);
Обсуждают сегодня