親のpaddingやmax-widthに制限されず、片側だけ画面端まで背景や装飾を広げたい時に使えるテクニックです。主にカードやセクションの背景装飾などで活躍します。
この部分だけ右側が画面端まで背景色で広がります。
左右どちらでも応用可能。margin-left: calc(50% - 50vw); で左側だけ広げることもできます。