An Overview on CSS Grids

CSS Grids is a new layout module being introduced into CSS. It allows users to create grid layouts that can be easily restructured according to screen sizes. Other benefits include new flexible length units such as the fractional units (FR), minmax method, and other cool stuff. When taken as a whole it allows us to create interesting layouts such as those in print media. The following slides were presented at a WDN meeting and at Nebraska.Code() 2017.

Word of caution, when developing layouts, always take into consideration your user's experience when interacting with your site. It is never a good idea to implement a clever design that your user will have difficulty understanding or one that impedes the ability to consume content, leaving the user with a bad impression of your site. When in doubt, always feel free to hop into our WDN chatroom with your questions. We will be glad to provide feedback or point you in the right direction! Cheers.

Slides: CSS Grid: An Overview of Awesomeness