Я использую css grid повсюду. Я болен?

Question

[Андрей]

Я настолько полюбил CSS Grid, что использую его возможности почти для каждого элемента на странице. Wrapper? display: grid, 4 столбца, 3 строки. Header? Grid, одна строка, три столбца. Логотип в хедере? Grid, justify-self: center. Менюшка в хедере? Grid, 4 столбца, выравнивания.

Хочется понять, является ли это валидным? В моем случае это самый быстрый и гибкий способ верстки сайтов с очень удобными параметрами для выравнивания и кучей других плюсов, но grid в grid'e в grid'e... С самого начала использования меня это смущает, но рабочий результат меня успокаивал.

Comments

[r_mustang]

все правильно делаете, не прекращайте.
либо флексы, либо грид, других вариантов-то и нет особо.

[shmatuan]

У меня так же с флексами :(

[Сергей delphinpro]

Вы фанатик. Умерьте пыл. Как минимум, для одномерных раскладок (одна строка, один столбик) гриды излишни, флексов хватит.

[mletov]

AndrewRusinas
Вы счастливый человек!
Мы вот пишем под внутренние нужды и у нас больше половины браузеров - IE11 (((

[Гарольд]

Сергей delphinpro, поддерживаю.

[olya_097]

mletov, так для IE11 префиксы и все ок будет

Answer 1

[xmoonlight]

Проверка простая:
1. Все стандарты соблюдены?
2. Валидация проходит?
3. Кросс-браузерно (включая мобильные клиенты) отображается везде корректно?
4. Оптимизация производительности кода - максимальная?
5. Работать с кодом/разметкой (при добавлении функционала) - удобно?
Вы - НЕ больны 100% !

PS: валидация вёрстки (и не только): тут

Comments

[xenm]

Ну так же думали лет 10 назад, когда верстали таблицами

[xmoonlight]

xenm, ага, и ещё когда палками-копалками ковыряли землю несколько тысяч лет назад)

[NaName]

xenm, почему сейчас так нельзя делать?

Answer 2

[Tom Nolane]

Хочется понять, является ли это валидным?

1) раз validator.w3.org
2) дваз jigsaw.w3.org
если сайт проходит проверки - значит валидно
остальное дело вкуса, удобства и кол-во потраченного времени

отталкивайтесь от стандартов W3 HTML 5.*
(по памяти) не припомню, что Ваш случай по стандарту - это плохо

Answer 3

[frees2]

Единственно правильная стратегия если фронт энд на потоке, сайты и их много в производстве.

Comments

[Андрей]

А если нет?)

[frees2]

AndrewRusinas, Время увеличивается, доводка, тестирование, регулярные баги какие то, они появляются такие каких ни у кого нет.

[Roman K]

frees2, А можно поконкретней?

[Андрей]

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

[frees2]

AndrewRusinas, Roman Kitaev, Если для души так можно разное пробовать, вот даже на чистом CSS и js, делал, вроде совсем нечему ломаться, так и то баги появились, но конечно интересно и учиться можно, если же на поток - чётко набор техник, ни шагу вправо или лево.

[Roman K]

frees2, я просил конкретики, а ты опять общими фразами.