Нижний колонтитул не может следовать своему положению в центре, хотя я использовал встроенное поле: auto ⇐ CSS

[Гость]

Проблема с настройкой размера нижнего колонтитула
Сейчас я работаю над целевой страницей для своего личного учебного проекта, и у меня возникла проблема с созданием нижний колонтитул, который правильно регулирует его размер. Вот снимок экрана, иллюстрирующий проблему:
Снимок экрана
Описание проблемы
Я пробовал использовать Маржа-встроенная: авто; и это все еще не соответствует моим ожиданиям
HTML-код:

Код: Выделить всё

CSS-код:

Код: Выделить всё

.footer-container {
margin-top: 3.5rem;
margin-inline: auto;
}
.footer-content {
max-width: 1300px;
padding: 80px 50px 70px;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, auto));
gap: 3.5rem;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
background-color: rgb(250, 250, 250);
}

Expected Behavior
I expect the footer to dynamically adjust its size based on the content inside it, and I want it to be centered horizontally on the page.
I appreciate any insights or solutions to help resolve this issue. Thank you!


Источник: https://stackoverflow.com/questions/781 ... argin-inli