Header

This is the base code for Kalechips version 3, with a fixed left sidebar and flex columns in the content area. I'm still fond of this design! It takes advantage of the nice big screens a lot of people have nowadays.

You can copy the source code for this from Github! Or just take it from the view source page directly.

Half-width section

This is a half-width section. All sections, regardless of their grid size, will take up the entire screen width on small screens (under 1024px wide).

Quarter-width section

This is a quarter-width section.

Quarter-width section

You can use 2 of these with a half-width section or 1 with a 3/4 width section.

Third-width section

This is a third-width section.

  • This
  • is
  • a
  • list
    • List
    • inside
    • of
    • list

2/3-width section

This is a 2/3-width section. This is a link.

Header 3

Header 4

Details element

Text!

3/4-width section

This is a 3/4-width section.

Quarter-width section

Are you bored yet?