Demo Site for Customizations to the Debut Theme

CSS Only Expandable Grid

While the styling and animations here are lackluster, the notable thing about this set up is that it's using a 100% CSS solution for these expandable grid items.

Each grid item is a block, which can be added through the Customizer, and it automatically generates the requisite CSS. See https://alistapart.com/article/radio-controlled-web-design for more info :)

Also demonstrated on this page a method to preserve the seo value of images while allowing their widths to avoid being used in calculating layout, and being able to leverage background-image css properties to scale and position them, like cover vs contain, and centered or percentage based offsets.

Test 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. 

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Test 2

Bio of the artist goes here.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Test 3

Bio of the artist goes here.

Test 4

Bio of the artist goes here.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.