Как бы вы сделали сетку данного блока?

Question

[Паша Тарасенко]

Answer 1

[Антон Нагаец]

Вставлю свои 5 копеек в решение

Comments

[Паша Тарасенко]

отличный вариант, тоже спасибо, ваш способ самый простой. Но ваш вариант можно улучшить немного, чтобы каждому article не прописывать свой класс left и блоку figure right, можно прописать каждому article и блоку figure одинаковые классы. То есть в четных артиклах выравнивания текста влево, не четных вправо, а далее если артикл четный то выравниваем блок figure вправо, если не четный, то влево
.member:nth-child(even) {
text-align: right;
}
.member:nth-child(odd) {
text-align: left;
}
.member:nth-child(even) .member_photo {
float: right;
}
.member:nth-child(odd) .member_photo {
float: left;
}

[Паша Тарасенко]

плюс такого улучшения, что не нужно некоторым блокам прописывать свои модификаторы

[Антон Нагаец]

Паша Тарасенко: точно ) я про четности то забыл )

[Паша Тарасенко]

Денис Письменный: я еще не начинал флексы и sass изучать)