With a few simple changes to your code, you can turn The Events Calendar’s event list widget into a grid of events with featured images. Follow this three-part tutorial to discover the magic of CSS Grid Layout. Continue Reading CSS Grid Layout for Event List Widget with Flexbox Fallback Turn your Events Calendar list widget into a grid widget
Flexbox
Falling in Love with Flexbox Video (WordCamp Sacramento 2016) Plus presentation Q & A
Watch the video from my WordCamp Sacramento 2016 presentation on Flexbox and read the audience Q & A. Answers improved in hindsight with some additional research. Continue Reading Falling in Love with Flexbox Video (WordCamp Sacramento 2016) Plus presentation Q & A
WordCamp Sacramento 2016 Slides and Code Falling in Love with Flexbox
Here are the slides and code samples from my WordCamp Sacramento 2016 presentation: Falling in Love with Flexbox, along with an outline of what I covered. Continue Reading WordCamp Sacramento 2016 Slides and Code Falling in Love with Flexbox
How to Create a Checkerboard Layout with Full-width Background for Post Type Archives with Flexbox and Genesis
A “checkerboard” layout is one where images and text appear in alternating squares. The alternation is actually the important part, as the containers aren’t always exactly square and may not all be the same size. The StudioPress child themes Author Pro and Atmosphere Pro use this design pattern quite effectively. One advantage to this layout is… Continue Reading How to Create a Checkerboard Layout with Full-width Background for Post Type Archives with Flexbox and Genesis
Horizontal Events Widget for Events Calendar Pro — Now with Flexbox!
Use flexbox to create an Events Calendar Pro widget that shows four items across on large screens, two items across on medium screens, and a single column of items on small screens. Continue Reading Horizontal Events Widget for Events Calendar Pro — Now with Flexbox!