Skip to content

Instantly share code, notes, and snippets.

@wickywills

wickywills/full-width-inside-fixed

Last active May 13, 2019 06:36
Show Gist options
  • Save wickywills/b9b8df6f1880a743053f8b17c96bba54 to your computer and use it in GitHub Desktop.
Save wickywills/b9b8df6f1880a743053f8b17c96bba54 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
full-width-inside-fixed
https://coderwall.com/p/hkgamw/creating-full-width-100-container-inside-fixed-width-container
```
.row-full{
width: 100vw;
position: relative;
margin-left: -50vw;
height: 100px;
margin-top: 100px;
left: 50%;
}
```
Another option:
https://css-tricks.com/full-width-containers-limited-width-parents/
```
.full-width-row {
margin-left: calc(-100vw / 2 + 500px / 2);
margin-right: calc(-100vw / 2 + 500px / 2);
}
```
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment