How do you make a DIV or other HTML item full width of the screen? This overrides parent margins + paddings.
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
Source: https://css-tricks.com/full-width-containers-limited-width-parents/#article-header-id-6