Layout creation for the web in general has always felt, rigid, limited and artificial. Designing compelling responsive layouts for WordPress generated sites with long or unexpected content has been even more of a challenge…until CSS Grid and Flexbox was added to our design toolbox!
As Bob Visser will explain, CSS Grid is the final answer to all hacks and (most) inconveniences and can help to create more unique WordPress designs. Defined as a two-dimensional system for placing elements, it is the very first layout method that truly separates content from layout configuration. The built-in auto-placement, repeat and implicit grid generation features, together with explicit placement control, make CSS Grid very suitable for controlling layouts for dynamically generated content. On its turn, Flexbox is a great help for managing the layout for dynamically created page sections.
Bob will introduce you to the principles of this exciting new CSS Module, show demos of uniquely designed layouts and code examples of how they can be created for WordPress.