CSS Grid Changes Everything
By: +David Herron; Date: August 9, 2017
Getting web content to layout as you want usually results in messy HTML and messy CSS. Limitations of both usually means you're nesting DIV's to get a structure where you can use various arcane CSS paradigms like absolute or relative positioning. CSS Grids changes all that. You can use simple HTML markup accompanied by straight-forward CSS rules to lay it out. It's a breath of fresh air. It's supported in ALL the modern web browsers.
Why not flexbox? Isn't that the thing that's supposed to be our page layout savior? The problem with flexbox is it runs in only one direction. For more complex layouts you need to nest flex containers. CSS Grid is a two-dimensional layout system and can handle more complex layouts.
Traditional CSS methodology, as well as flexbox, works from the content outward. CSS Grid works from the layout inward.
CSS Grid Changes EVERYTHING - Amazing Presentation - YouTube
Source: Coding TechCSS Grid is now live in all major browsers, and with it everything we know about web layouts changes! The CSS Grid Layout Module introduces a native CSS grid...
New CSS Features: Practical Examples - YouTube
Source: Coding TechWatch this amazing talk by Rachel Andrew on the new features in CSS such as CSS Grid, Feature Queries, Exclusions and more! EVENT: fluentconf.com, June 2017 ...
How to create website layouts using CSS grid | Learn HTML and CSS | HTML tutorial - YouTube
Source: mmtutsHow to create website layouts using CSS grid | Learn HTML and CSS | HTML tutorial. CSS grid layouts will change how we create website layouts. Today you will...
CSS Grid Layout Crash Course - YouTube
Source: Traversy MediaIn this video we will look at the new CSS Grid layout and how to create grid based layouts and alignments. We will look at properties for containers and item...