Как сделать так, чтобы отступ между колонками не менялся?

Для создания ровных колонок с постоянным отступом между ними в HTML можно воспользоваться свойством margin и width для контейнера колонок.

Прежде всего, определите контейнер, который будет содержать ваши колонки. Задайте ширину этого контейнера с помощью CSS, например:

.container {
    width: 1000px; /*ширина контейнера*/
    margin: 0 auto; /*центрирование контейнера на странице, можно не задавать*/
}

Далее, определите стили для ваших колонок. Предположим, у нас две колонки:

.column {
    width: 480px; /*ширина каждой колонки*/
    margin-right: 20px; /*отступ между колонками*/
    float: left; /*позволяет колонкам выстраиваться горизонтально*/
}

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

Используя вышеприведенные CSS-стили, вы создадите две колонки размером 480px с отступом между ними в 20px. Этот отступ будет постоянным между всеми колонками на странице, если этот CSS применяется ко всем колонкам.

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