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!