Комментарий от 夜の子

Комментарий #10372809
夜の子

в топике Обсуждение клуба CSS-club – настройка внешнего вида сайта22 января 2024

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

спойлер

539x496

@Apc, @grin3671

Ответы

Apc22 января 2024#

@夜の子, отрицательные значения пробовала?

@夜の子

grin367122 января 2024#

@夜の子,

Относительные значения

.cc-5a.best-works > .c-column {
  /* width * 5 + margin * 4 == 100% */
  width: 19.2%;
  margin-right: 1%;
}

.cc-5a.best-works > .c-column:last-child {
  margin-right: 0;
}

Абсолютные значения

.cc-5a.best-works > .c-column {
  --gap: 4px;
  width: calc((100% - var(--gap) * 4) / 5);
  margin-right: var(--gap);
}

.cc-5a.best-works > .c-column:last-child {
  margin-right: 0;
}

Относительные значения для гуманитариев

.cc-5a.best-works > .c-column {
  --gap: 1%;
  width: calc((100% - var(--gap) * 4) / 5);
  margin-right: var(--gap);
}

.cc-5a.best-works > .c-column:last-child {
  margin-right: 0;
}

@夜の子, @Apc

Твой комментарий

Комментарий #10372809 夜の子

Комментарий #10372809
夜の子