Чем отличаются max-width от width?
В этом случае два блока текста получаются одинаковыми. глазомер хромает посмотри цифры в девтулзах Width: 100% max-width: 600px это значит блок 100% от ширины родителя, но ограничение не даст ему увеличиться в 600px. Если мы записываем max-width и width в процентах, то разницы между ними я вообще не вижу. даже не знаю где бы такое пригодилось.
Ширина блока от родителя, все верно. Если даете для body ширину, то: https://codepen.io/dimovich85/pen/XWXJvPy
Ширина явно разная. Вы на глаз 100 и 80 пикселей не различили.
Давайте логически: ширина 100 процентов, но не больше 30 процентов?
Дайте мне полный стакан воды, но наполовину полный. Это если Вы оптимист;)
Конечно в процентах разницы не будет.
И еще - у width и max-width разные приоритеты, почитайте, и думаю все на полочки ляжет.
PS: удобно написать модалке width: 100%; max-width: 600px, ведь на мобилках модалка на весь экран, а на десктопе - как на макете, всего 600, так что полезные сочетания свойств;)