Last active
October 8, 2020 09:01
-
-
Save jupegarnica/2d238a684598d41e9c958b424e63b7d4 to your computer and use it in GitHub Desktop.
grid-full-bleed.css
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .wrapper { | |
| display: grid; | |
| grid-template-columns: | |
| 1fr | |
| min(65ch, 100%) | |
| 1fr; | |
| } | |
| .wrapper > * { | |
| grid-column: 2; | |
| } | |
| .full-bleed { | |
| width: 100%; | |
| grid-column: 1 / 4; | |
| } | |
| .pseudo-full-bleed { | |
| width: 100%; | |
| grid-column: 1 / 4; | |
| /* constrain the width for very-large monitors */ | |
| max-width: 1500px; | |
| /* center the element */ | |
| margin-left: auto; | |
| margin-right: auto; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment