Book & Article Layout with CSS Grid and Flexbox

I am exploring different ways to apply CSS Grid technology to user interfaces. This seems like a great solution for some sort of a book/article layout.

My goal is to build this in Vue.js.

Prototype:
https://codepen.io/helloandrew/pen/QqpEqx?editors=1000

Codepen sidenote: It works best on the side-by-side layout setting.

Image Credit:
https://www.pexels.com/photo/night-building-forest-trees-42263/

More by Andrew Bennett

View profile