Встречается на собеседованиях • сегодня

Как сделать чтобы расстояние между flex-элементами было всегда одинаковым

Для равных расстояний между flex-элементами используй gap (современный способ) или комбинацию justify-content: space-between + margin (старый подход).

С gap:

css
.container {
  display: flex;
  gap: 20px; /* одинаковый отступ между элементами */
}

С space-between + margin (если нужна поддержка старых браузеров):

css
.container {
  display: flex;
  justify-content: space-between;
}
.container > * {
  margin: 0 10px; /* половина желаемого gap */
}
.container > *:first-child {
  margin-left: 0;
}
.container > *:last-child {
  margin-right: 0;
}

gap работает во всех современных браузерах (кроме IE) и проще в поддержке.

Sophi
Софи собрала все вопросы. Тренируйся и получай
офферы быстрее!
Попробовать бесплатноArrow

Следующий вопрос

Это единственный вопрос по вашему фильтру

как отвечать на вопрос
пример собеседования
фреймворки на собеседовании
типичные вопросы junior
интервью вопросы и ответы