плюс удобнее адаптив будет сделать, как по мне

такое? а то я никогда этим не пользовалась

но картинки нет🤷🏼‍♀️ как это сделать?

картинку просто любую вставь, это не важно, размеры можешь на своем сайте посмотреть и width height для примера такие же вписать

Всем привет.
Сто лет не верстал на чистом html + css.
Сейчас возникла необходимость подтянуть знания.

Чем сейчас удобно делать колоночную верстку? Flexbox? или Гриды? Или еще что появилось?

Такое. Код бы ещё в будущем форматировать, как в редакторе.
Картинку можно любую. Если нужна конкретная её высота или ширина, .description-film назначить эту высоту или ширину и картинку указать его background-image. Или просто div с высотой и шириной оставить.

<div class="description-film></div>

В css

.description-film {
  height: 200px;
  width: 200px;
  background-image: url(путь к картинке);
}

200px для примера. Тогда картинка будет обрезана этим квадратом 200 х 200 px.
Если на элемент с картинкой дать width: 100%, то вся ширина картинки будет умещена в содержащий её div. C height: 100% аналогично.

Выложите весь ваш код в ту песочницу, тот код, с которым проблема.

одномерное — флексами, двухмерное — гридами

что значит одномерное двумерное в данном контексте?

Вспомните школьный курс геометрии :)

это было еще до css и html ))))

Распределять элементы не только в пределах их линии горизонтально, а и вертикально. X и Y направления, грубо.

флексы

Ну если уменя 2 и боле рядов, гриды.
Если горизонтально  колонки, то делаю флексы. Верно?

если только горизонтально или только вертикально — флексы. вертикально и горизонтально — гриды

я все флексами делаю гриды сложные для меня

Оке. Спасибо! Пошел читать

ребята вопрос, можно ли сделать что-то типа такого в css?

@media wrapper and (overflow-block: scroll) {
  border: 1px red solid;
}

для класса wrapper если есть прокрутка, то сделать этому блоку border

нужно по условию класса делать отступы, можно это сделать через media?