Skip to content

Instantly share code, notes, and snippets.

@michaelwhyte

michaelwhyte/full-bleed-in-fixed-width.css

Created February 14, 2018 04:17
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save michaelwhyte/62c045f1c9d7a374b76f320f84e0eb90 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save michaelwhyte/62c045f1c9d7a374b76f320f84e0eb90 to your computer and use it in GitHub Desktop.
Download ZIP
Full bleed element inside a fix-width parent
Raw
full-bleed-in-fixed-width.css
/* This code from this CSS-Tricks article:
https://css-tricks.com/full-width-containers-limited-width-parents/
*/
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment