Как сделать такую сетку без абсолютного позиционирования?

вы серьезно ?

Хасан Истамкулов: а что смутило на гридах сделать и сделать кросбраузерным через flex + css?

Николай: Поддержка grid сейчас около 60 процентов (caniuse.com/#search=grid). Это очень мало. Тратить человекочасы над тем что будет работать только у половины пользователей (и то не факт) + время на изучение этих самых гридов. Да и флексах тоже вряд ли без дополнительных wrapper-ов не обойтись.

Хасан Истамкулов: есть же,

@supports (display: flex) {
	div { display: flex; }
}
@supports (display: grid) {
	div { display: grid; }
}

проверяй поддержку и применяй стили, но твое дело)

Николай: будет дублирование кода. Зачем тратить время впустую? Grid-ы это конечно же круто, но если верить вашим канонам, то придется делать три версии:

1. На гридлах потому-что круто
   
2. На флексбоксах, которые конкретно в данной сетке не дают никакого преимущества
   
3. Табличную верстку для старых браузеров, ослика и старой оперы
   

И того час работы превращается в три часа костылирования