Zeusはカスタマイズ可能なフレックスボックスのグリッドフレームワーク。レスポンシブ対応で異なるビューポートサイズに対応しています。

12列グリッドフレームワーク

<div class="Layout">
    <div class="Layout__row">
        <div class="Layout__column Layout__column--xs-3">
            <p>Tellus Quam Purus Risus Etiam</p>
        </div>
        <div class="Layout__column Layout__column--xs-3">
            <p>Risus Aenean Ridiculus Consectetur Bibendum</p>
        </div>
        <div class="Layout__column Layout__column--xs-3">
            <p>Risus Porta Ultricies</p>
        </div>
        <div class="Layout__column Layout__column--xs-3">
            <p>Sit Ultricies Euismod Inceptos</p>
        </div>
    </div>
</div>

MITライセンス

• Tag
• CSS
• Flexbox
• Responsive