Создавать классы сетки и загрязнять HTML или создавать стили разделов страницы самостоятельно? ⇐ Html

[Anonymous]

В настоящее время я перехожу от использования CSS-Frameworks к написанию собственного CSS.
Мне нужна сетка для моей веб-страницы, и я немного не понимаю, какой путь выбрать.

Я собираюсь использовать flexbox. Меня смущает то, что у меня есть два варианта.

Первый вариант — заставить мою сетку вести себя как сетка в Foundation или Bootstrap.
Создать классы .row, .column и т. д. и использовать их в HTML.

например:

Код: Выделить всё

Some content




content

content

Но это сделает мои шаблоны более тяжелыми и немного более загрязненными.

Второй вариант — использовать семантический HTML с нотацией BEM и создавать стили для каждого раздела независимо.
Например:

Код: Выделить всё

Some content




content

content

Если я выберу второй вариант, мне придется писать стили сетки для каждого раздела сайта. Больше контента = больше повторяющегося кода, потому что для каждого блока понадобится миксин «строки» и «столбцы».

Какой подход лучше?

Подробнее здесь: https://stackoverflow.com/questions/490 ... ependently