CSS

【CSS】軽量・Pure CSSで実装されたPinterestのようなボードを作成するCSSライブラリBoardz

February 25, 2017

Boardzは軽量（1kB未満）でPure CSSで実装されたPinterestのようなボードを作成するシンプルなCSSライブラリ。

HTML

リストをクラスのdivboardzで囲む

<div class="boardz">
    <!-- First column -->
    <ul>
        <li>
            <h1> Header 1</h1>
            Content
        </li>
        <li>
            <h1> Header 2</h1>
            Content
        </li>
    </ul>

    <!-- Second column -->
    <ul>
        <li>
            <h1> Header 1</h1>
            Content
        </li>
        <li>
            <h1> Header 2</h1>
            Content
        </li>
    </ul>
</div>