Новое слово в CSS: Grid Lanes

[Tolnik]

Где-то я эту статью уже видел.

[yujinn]

А есть примеры ситуаций, в которых применима такая верстка, за исключением бесконечных лент равноценного между собой визуального мусора?

[SaihonFox]

pinterest?

[nikolayshabalin]

Pinterest это как раз бесконечная лента

Тут хорошо подойдут любые инлайновые элементы с рандомным количеством как контента, так и самих элементов. Например, двухстрочная навигация, в футерах такое иногда встречается.

[Rubilnik]

О рекламу яндекса можно ещё показывать бесконечно

[VvorobeiS]

https://www.rusprofile.ru/id/196783

[Elso1503]

В такой плотности крайне неудобная сетка, которая заставляет страдать фокус пользователя.

[DeadPull]

Css стал супер раздутым или мне кажется? Много ли там legacy? Ощущение, что сейчас изучить его достаточно сложно

[nerolinker]

Это не дизайн, это бардак! Нельзя делать на десктопе на мобильный лад!!! ХВАТИТ!!!!

[bjart]

Круто, дизайнеры обрадуются этой новости 😁 их гениальные идеи вопротятся в жизнь без js. До этого я сопротивлялся реализовывать такую сетку на js

[aio350]

// 👎
@media (1250px < width) {
  article:nth-child(1) { 
    grid-column: span 4;             
  }
  article:nth-child(2), article:nth-child(3), article:nth-child(4), article:nth-child(5), article:nth-child(6), article:nth-child(7), article:nth-child(8) { 
    grid-column: span 2; 
  }
}

// 👍
@media (width > 1250px) {
  article {
    grid-column: span 2;
  }
  article:first-child {
    grid-column: span 4;
  }
}