Как растянуть контейнер на всю ширину CSS

Чтобы растянуть контейнер на всю ширину страницы, нужно установить для него значение свойства width равное 100% и убрать все отступы, которые могут влиять на ширину контейнера. Например, вы можете использовать следующий CSS код:

.container {
    width: 100%;
    margin: 0;
    padding: 0;
}

Здесь используется класс .container, который должен быть применен к вашему контейнеру. Значение width: 100% растянет контейнер на всю доступную ширину страницы. А отсутствие отступов (margin: 0; padding: 0;) гарантирует, что никакие поля и отступы не будут влиять на ширину контейнера.

Если вам нужно расширить текстовый контент на всю ширину экрана, то может потребоваться использование дополнительных свойств, таких как box-sizing или max-width. Например:

.container {
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    max-width: 1200px;
}

Здесь значение box-sizing: border-box; гарантирует, что общая ширина контейнера будет равна 100%, включая любые поля, рамки или отступы, которые могут быть установлены на элементах внутри контейнера. А значение max-width: 1200px; ограничивает максимальную ширину контейнера до 1200 пикселей, что может быть удобно для лучшего управления шириной контента на больших экранах.