Skip to content

Instantly share code, notes, and snippets.

@arturparkhisenko

arturparkhisenko/full-width.css

Created November 10, 2018 01:47
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save arturparkhisenko/86e7e6ba9a5ccc7e1cc2864bbd0800d1 to your computer and use it in GitHub Desktop.
Save arturparkhisenko/86e7e6ba9a5ccc7e1cc2864bbd0800d1 to your computer and use it in GitHub Desktop.
Download ZIP
full-width-css
Raw
full-width.css
/*
https://twitter.com/Una/status/951519740840873984
"Break out" of a parent's containing width to take the full screen of a page w/this nice utility class:
*/
.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