А что с ними должно быть? Сам container размещается на странице как блочный элемент, пока не определено иное.
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>
<div>after</div>



Всё правильно, в шаблоне-то задано две строки. На самом деле тут, конечно, не следовало задавать grid-template-rows, тогда строчек было бы столько, сколько реально нужно.
grid-auto-rows: 100px;
при этом удалив grid-template-rows. Таким образом rows будут создаваться динамически по мере необходимости.Изначально kovserg некорректно сформулировал вопрос, а именно: «что будет с элементами после container». «После» — это следующие за ним сиблинги, а не дочерние элементы, которыми управляет grid.
Кроме деталей верстки, сайты различались только цветовой гаммой и некоторыми деталями в лого.
Мне кажется, что использовать таблицы требуется только там, где они и нужны по смыслу. Сейчас же не лихие девяностые, и в ранжировании учитывается много смысловых / семантических факторов. Представьте, что ваш сайт попадется слабовидящему и он включит озвучание контента.
table, конечно, не заменит grid, но у табличек есть одно замечательное свойство, о котором, как ни странно, мало кто знает: они очень быстро рендерятся браузером. Поэтому, я бы не стал списывать их со счетов даже при разметке лейаутов (в некоторых случаях), а не только при выводе табличных данных.
Рендерятся может и быстро, но браузер пока не загрузит всю таблицу, не приступает к ее отображению. Или уже не так?
парсер съел
это правда, но я такое тоже считаю "головняком" :)
Нет.
Флексбокс не покрывает все кейсы, которые может грид. Если рядков много и есть отступы между элементами нужно обнулять внешние отступы для крайних элементов, а потом опять добавлять и обнулять еще при медиа запросах. Если например нужно сделать высотой в 2 рядка нужно костыли делать на флексбоксе. Так что я рад гриду.
92% это маловато, так что пока флексы.
Я подумал, что это существующей разметке добавит отзывчивость.
Появилось ли решение проблемы последней строки, когда хочется отдельно ее выровнять? Потому что в ней количество элементов, как правило, отличается от предыдущих строк.
<@insomnia> cfdisk /dev/hda && mkfs.xfs /dev/hda1 && mount /dev/hda1 /mnt/gentoo/ && chroot /mnt/gentoo/ && env-update &&. /etc/profile && emerge sync && cd /usr/portage && scripts/bootsrap.sh && emerge system && emerge vim && vi /etc/fstab && emerge gentoo-dev-sources && cd /usr/src/linux && make menuconfig && make install modules_install && emerge gnome mozilla-firefox openoffice && emerge grub && cp /boot/grub/grub.conf.sample /boot/grub/grub.conf && vi /boot/grub/grub.conf && grub && init 6
<@insomnia> это первая
Как сделать ваш HTML отзывчивым, добавив одну строку кода на CSS