Lightweight Mobile CSS Layout Library – flex.css

Category: CSS & CSS3 , Layout , Recommended | May 26, 2022
Views Total:65 views
Official Page:Go to website
Last Update:May 26, 2022


Lightweight Mobile CSS Layout Library – flex.css


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>

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



  • Rename

You Might Be Interested In:

Leave a Reply