carlos-sanchez
6/2/2016 - 7:53 AM

Full viewport width container (breaking free from its container) http://blog.cloudfour.com/breaking-out-with-viewport-units-and-calc/

Full viewport width container (breaking free from its container) http://blog.cloudfour.com/breaking-out-with-viewport-units-and-calc/

full-viewport-width-container_alt.css
content_copyfile_download
.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
full-viewport-width-container.css
content_copyfile_download
.u-release {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
}
// it requires this fix to prevent horizontal scrollbar from showing up
html,
body {
  overflow-x: hidden;
}