Get started with skel CDN

MIT licensed

Skel: Lightweight, responsive base CSS for JS projects.

Tags:
  • css
  • boilerplate
  • grid
  • responsive

Stable version

Copied!

How to start using skel CDN


<!DOCTYPE html>
<html>
<head>
  <title>Get started with skel CDN - cdnhub.io</title>
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/skel@3.0.1/src/skel.css">
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/skel@3.0.1/src/grid.css">
  <script src="https://cdn.cdnhub.io/skel/3.0.1/skel.min.js"></script>
</head>
<body>
  <div class="container">
    <header>
      <h1>Welcome to Skel Example</h1>
    </header>
    <main>
      <section>
        <h2>Section 1</h2>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod, nisi quis scelerisque blandit, tortor quam feugiat mi, at fermentum velit mauris eget nibh.</p>
      </section>
      <section>
        <h2>Section 2</h2>
        <p>Donec id elit non mi porta gravida at eget metus. Nullam id felis et ipsum bibendum ultrices.</p>
      </section>
    </main>
  </div>
  <script>
    document.addEventListener("DOMContentLoaded", function() {
      var layout = new SKEL({
        container: ".container",
        grid: 12,
        breakpoint: 48em
      });
    });
  </script>
</body>
</html>
Copied!
Copied!
Copied!

All versions