On gists

Full width

CSS CSS trick

full.css Raw #

.full-width {
	left: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
	max-width: 100vw;
	position: relative;
	right: 50%;
	width: 100vw;
}


.full-width2 {
  width: 100vw;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  background: coral;
}

.full-width3 {
  /* max-width: 100vw; */
  width: 100vw;
  margin-left: 50%;
  transform: translateX(-50%);
  background: lime;
 
}