Get started with flexibility CDN

MIT licensed

Lightweight library for easy, dynamic HTML layout adjustments.

Tags:
  • flex
  • display
  • direction
  • wrap
  • flow
  • justify
  • content
  • align
  • items
  • order
  • grow
  • shrink
  • basis
  • self
  • auto
  • start
  • end
  • center
  • baseline
  • stretch
  • space
  • between
  • around
  • polyfill
  • ie
  • internet
  • explorer
  • layout

Stable version

Copied!

How to start using flexibility CDN


<!DOCTYPE html>
<html>
<head>
    <title>Get started with flexibility CDN - cdnhub.io</title>
    <link rel="stylesheet" href="styles.css">
    <script src="https://cdn.cdnhub.io/flexibility/2.0.1/flexibility.js"></script>
</head>
<body>
    <div class="container">
        <div class="item">Item 1</div>
        <div class="item flexible">Item 2 (flexible)</div>
        <div class="item">Item 3</div>
    </div>

    <script>
        document.addEventListener('DOMContentLoaded', () => {
            const container = document.querySelector('.container');
            new Flexibility(container, { order: '-1' }).update();
        });
    </script>
</body>
</html>
Copied!

All versions