Зачем писать max-width: 800px; после width:100%?

Question

[lsppig]

Зачем при верстке писать так

page{
width: 100%;
max-width: 800px;
padding: 1rem;
margin: 20px auto;
}

если удобней вот так

page{
width: 800px;
padding: 1rem;
margin: 20px auto;
}
?

Answer 1

[Сергей delphinpro]

Очевидно, для того чтобы блок растягивался на всю ширину страницы, но не был более 800px шириной.

Answer 2

[Ольга]

если писать просто width: 800px; то при адаптировании верстки для этого класса нужно будет переопределять width в медиа-запросе, а при max-width: 800px; блок уже адаптивный