разница min-width в header и width в site_content

Это скорее вопрос по коду урока. Почему для того, чтобы на устройствах было читабельно, в header нужен min-width: 100%, а в site-content нужен просто width: 100% (без min)? 

Видео 10.3

.header {
        background-color: #257965;
        min-width: 100%;
        text-align: center;
        height: 20%;
}

.site_content {
        width: 100%;
        text-align: center;
}