The Basics

Mohunky.Framework

Last Updated: 16/12/2020 | Published By: Rob Mayes

The Mohunky HTML/CSS framework (v6) is a Flexbox based 12 column layout. The basic HTML layout is as follows.

<body>
    <div class="container">
        <section id="sectionOne"><!-- ID for context naming and in page navigation -->
            <div class="row">
                <div class="column"></div>
                <div class="column"></div>
                <div class="column"></div>
                <div class="column"></div>
            </div>
        </section>
        <section id="sectionTwo">
            <div class="row">
                <div class="column"></div>
                <div class="column"></div>
            </div>
        </section>
    </div>
</body>

How that HTML structure looks

.column
.column
.column
.column
.column
.column
Twitter Instagram YouTube LinkedIn Facebook Google + WhatsApp Link Email Phone icnUpArrow Right Arrow Down Arrow Left Arrow icnHighlightUpArrow icnHighlightDwnArrow icnRightArrowSingle Search Review Star Disclaimer Map Pin

This website uses cookies

This website uses basic cookies to ensure you get the best experience. For further details, please read our Privacy Policy

I understand