Book & Article Layout with CSS Grid and Flexbox

Andrew Bennett
Andrew Bennett
    • Get in touch
    Book & Article Layout with CSS Grid and Flexbox
    Download color palette

    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/

    Andrew Bennett
    Andrew Bennett Get in touch

    More by Andrew Bennett

    View profile
    • Like