Для начала нужно выкинуть гриды
Что-то вообще не понимаю, как ты это сделал Что за + ?
Почему? Тут удобно через gap (а его поддержка в flex пока не ахти). Могу кукожиться через минусовый margin и padding, но зачем?
Как по мне - избыточная сложность. Тебе достаточно сделать блоки инлайновыми, и задать им отступы. Гридами можешь добиться того же результата, но потратишь больше времени (уже потратил😁)
Но тогда мне придется добавлять для каждого ряда обертку, а-ля .articles__row, поскольку если одному элементу я задам flex-basis: 600px (к примеру), а второму - flex: 1, то и элементы со следующего ряда пойдут в первый
Да, а сейчас ты 30 минут пытаешься сверстать это без обертки. Но если прям хочется - google -> grid-column
Обсуждают сегодня