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