Как исправить разметку?

Question

[kentos]

Здравствуйте, делаю разметку блога, и у меня вышла небольшая проблема, не понимаю как сделать только первый элемент на всю ширину
Сейчас вот так (На скриншоте отметил, что повторяется каждый седьмой)


CSS:

:nth-of-type(6n + 1) {
      flex: 1 1 100%;
      flex-direction: row;
    }

Я понимаю как это работает, но не понимаю, как сделать только первый элемент, без потери структуры

Comments

[Ankhena]

не понимаю как сделать только первый элемент на всю ширину

Первый элемент это :first-child

На скриншоте отметил, что повторяется каждый седьмой

Только это не каждый седьмой, это каждый шестой начиная с 1

:nth-of-type(6n + 1)

Каждый седьмой это 7n

[kentos]

Ankhena, Это код ревью?

[Ankhena]

kentos, вы спросили как сделать только первый на всю ширину. Я ответила.

А дальше про то, что понимаете как работает каждый седьмой :)

Разметка там, кстати, вообще не при чем.

Answer 1

[Сергей delphinpro]

:first-child почему не подходит?

Возможно это:

https://codepen.io/delphinpro/pen/ZExbQdV?editors=1100

Comments

[kentos]

Тогда структура становится такой

[Сергей delphinpro]

kentos, ну разумеется. Ведь вы сами написали, что вам нужен широкий только первый

[kentos]

Сергей delphinpro, Ну я и написал, что я понимаю как это работает, но как это сделать без потери структуры

[Сергей delphinpro]

kentos, какая структура должна быть? Вы бы хоть нарисовали.
Просто если вы хотите сохранить следование 3+2 на всех последующих, то не выходит, чисто математически. Ведь у вас в повторе будет не пять, а шесть блоков

[Сергей delphinpro]

kentos, Поспешил с выводами...
Дополнил ответ

Answer 2

[ehoboli]

max-width:100%;