Lightweight Mobile CSS Layout Library – flex.css

Preview:

Description:

flex.css is a lightweight CSS library that makes it easier to generate responsive, complex, cross-platform web layouts for both desktop and mobile. Heavily based on CSS3 flexbox model.

How to use it:

Just include the flex.css into your document and we’re ready to go.

<link href="flex.min.css" rel="stylesheet">

Create the web layout using flex and flex-box attributes like this:

<div flex="dir:left main:left cross:top">
  <div flex-box="0"></div>
</div>

Available parameters for the flex attribute.

• dir: top, right, bottom, or left
• main: right, left, justify, or center
• cross: top, bottom, baseline, center, or stretch
• box: mean, first, last, or justify

Changelog:

05/26/2022

• Rename