How to mark up this element?

In the layout there is a white sloped line beginning with start of container to end of the width of the browser screen.
How best to mark up?
5df0ffbb6a222738226093.png
April 3rd 20 at 17:31
2 answers
April 3rd 20 at 17:33
Solution
So watch the demo

April 3rd 20 at 17:35
Solution
If the page has vertical scrolling, your decision will add to it another and horizontal. - Briana commented on April 3rd 20 at 17:38
@Briana ... so, yeah, if you add overflow-x: hidden to body, the problem will disappear. But then to use calc will become pointless, you can just use 100vw - Velma.Abernat commented on April 3rd 20 at 17:41

Find more questions by tags CSS