Расположение блоков по 2 в ряд один за другим без пустого места?

rootnoroot, тем не менее, когда известно кто в какую колонку должен попасть, вопрос вообще не возникает.

Расположение блоков по 2 в ряд один за другим без пустого места?

Что с этой системой не так?

Ещё раз: где песочница с кодом?
Но да, columns распределяет блоки автоматически, как умеет.

Если нужно, чтобы выше был всегда левый столбец, то потребуется JS.

И то, что вы написали не ответ, а уточнение к вопросу. Отредактируйте вопрос, добавьте ссылку на песочницу с кодом, иллюстрирующим проблему.

Расположение блоков по 2 в ряд один за другим без пустого места?

rootnoroot,

с columns каким образом ты отрегулируешь количество блоков? если слева нужно 4 а справа1,2. и какой блок будлет слева, какой справа

Если конкретно важна сторона, то columns не поможет. Но тогда и вопроса не возникло бы, потому что ответ очевиден.

Вопрос возникает, когда количество блоков и/или их содержимое неизвестно.

Расположение блоков по 2 в ряд один за другим без пустого места?

Александр Максимов, какой ещё флоат?
И где песочница с кодом?

Расположение блоков по 2 в ряд один за другим без пустого места?

rootnoroot в css сто лет существует свойство columns.
Так что делать лишние нелогичные обертки совсем не нужно.

Как убрать широкий отступ между колонками из картинок?

Мне кажется в space-between, но как убрать

Да, в нём.
В каком смысле "но как убрать"? Прям так, взять и стереть.
Может быть, для вашей истинной цели поможет flex-grow?
Или гриды с их auto-fiil (auto-fit) и minmax?

Как высчитать и собрать сетку галереи, без лишних пробелов?

aliaksandr-go,

да я понял, но логика может какая есть, построение какое. Просто темплейтов полно, бэк рандомно их выдаёт и по этому не так просто подставить

В смысле вы хотите самостоятельно рассчитывать, а не воспользоваться готовыми решениями?
Но при этом даже не представляете с чего начать считать?
Варианта два:
Если нужно именно решение и быстрое, то всё таки использовать готовый скрипт, в котором уже всё посчитали.
Если хотите долго и самостоятельно, то я бы начала всё равно с любого из плагинов и стала бы смотреть как в итоге располагаются разные наборы картинок. Дальнейшее зависит насколько важны исходные пропорции и размеры. И насколько они исходно разнообразные. В некоторых случаях задача не будет иметь решения.

Как высчитать и собрать сетку галереи, без лишних пробелов?

Гуглите плагины типа masonry

Как сбросить кэш для файлов?

IIIu6ko, попробую спросить

Как сбросить кэш для файлов?

IIIu6ko, не моя статья

Как сбросить кэш для файлов?

IIIu6ko, у хрома бывают прибабахи. Тут больше ничего умного не скажу.

Как сбросить кэш для файлов?

IIIu6ko,

По поводу хрома нет каких-то мыслей?

Со своим хромом вы может быть что-то и сделаете.
Но всё это ведь нужно обновлять в браузерах посетителей. Обычно.

все галочки стоят

Все галочки это disabled cache в networks?

По поводу доступности - это не ко мне, мне по большому счёту наплевать на это.

Если это какие-то закрытые проекты, то и ладно, может там и не нужно. Дело ваше.

Как сбросить кэш для файлов?

IIIu6ko,

По скорости медленно это. Если в проекте 200 иконок хотя бы, то сколько это займёт по времени? Я уверен это не быстро.

И как часто вы планируете пересобирать спрайт? Новые иконки каждый день добавляются?
Судя по всему, вы ещё и символьные спрайты используете, а не стеки https://telegra.ph/Stack--sprajt-zdorovogo-chelove...

А чем логотип в спрайте вас не устроил?

Логотип это важное контентное изображение. .Приоритетный вариант вставки это img в идеале с альтом. С возможностью сохранения и индексации.
Если не получается как img, потому что нужны эффекты, то инлайним svg с aria-label.
Чтобы избавится от мусора делаем use, но из единственной svg в файле. Т.е. сам на себя.

Как сбросить кэш для файлов?

IIIu6ko,

Каждый раз, когда дёргается svg бегать по всему проекту и менять версию svg явно не гуд)

Зачем же бегать.
Вы же и спрайт не руками собираете, я надеюсь.
Вот туда же в сборку и дописать.

p.s. логотипу вообще нечего делать в спрайте с иконками, если это логотип сайта.

Как сбросить кэш для файлов?

sprite.svg?v=33
И меняете номер версии при пересборке. Можно подставлять дату-время.

Как подключить шрифты в shopify?

Вы реально поддерживаете IE8?

Современным браузерам нужен только woff2.
Предыдущему поколению woff.
Остальное в топку.
Смотрите поддержку на caniuse и решайте только woff2 или с woff

Ну и local я бы не стала использовать. У пользователя там может оказаться шрифт любой кривизны.

Каким должен быть H1 с т.з. Яндекса?

У меня вопрос: ранжирования по какому запросу?
Он же частично ответ.

Как в шрифте pacifico сделать при бордере, чтобы не было линий при пересечении букв?

IvanU7n, для drop-shadow что-то должно быть непрозрачным. Я попробовала и умного не вышло.

Как адаптировать grid?

grid-template-columns: repeat(auto-fill, 33.2rem)
или auto-fit
или с minmax

grid-template-columns: repeat(auto-fill, minmax(33.2rem, 1fr))

Как выровнять заголовок в списке?

Убрать обертки вокруг пар заголовок + текст, если не решите использовать семантику.
А то у вас какой-то компот, header внутри div.
Хорошо бы поменять на dl. Ну или на table.

Опять же, если без оберток, то всё само и расставится, если с обертками, то subgrid либо js, если не устраивает поддержка сабгрида..