Containers are really useful, but now that Grid is a thing, it often becomes extra markup that we don't really need. The only issue is, if we want to create a fallback for older browsers, we can run into problems.
Luckily, as Lea Verou has shown us (link to her book is down below), we can center content without a container, and it's the perfect fallback for a CSS Grid based layout
Codepen: https://codepen.io/kevinpowell/pen/pQ...
This comes from Lea Verou's CSS Secret's book: http://shop.oreilly.com/product/06369...
CSS Tricks article on using Grid with IE - https://css-tricks.com/css-grid-in-ie...
---
I have a newsletter! https://www.kevinpowell.co/newsletter
New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass
---
My Code Editor: VS Code - https://code.visualstudio.com/
How my browser refreshes when I save: https://youtu.be/h24noHYsuGc
---
Support me on Patreon: https://www.patreon.com/kevinpowell
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: https://www.instagram.com/kevinpowell...
Twitter: https://twitter.com/KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell
Center content without a container - the perfect fallback for Grid based layouts | |
| 3,785 views views | 48,383 followers |
| 296 Likes | 296 Dislikes |
| Education | Upload TimePublished on 21 Nov 2018 |
| css grid fallback for ie, css grid fallback for ie11, css grid fallback mixin, css grid fallback to flexbox, css grid fallback flex, css grid fallback generator, css display grid fallback, css grid bootstrap fallback, css grid float fallback, css grid edge fallback, css grid ie9 fallback, css grid layout with flexbox fallback, css grid ie11, css grid ie11 fallback, css grid ie polyfill, css grid ie fallback, css grid ie11 example, css grid ie11 polyfill, css grid ie11 auto placement, css grid ie autoprefixer, css grid ie 11 not working, css grid ie auto placement, css grid ie syntax, css grid ie fix, css grid ie11 overlap, css grid ie prefixes | |
![How to code a brewery website - Styling the Beer section [Design & Code] Code part 4 Kevin Powell](https://i.ytimg.com/vi/0rKzGH0XB1g/maxresdefault.jpg)