CSS Pro Layout

CSS library for building responsive and customizable page layouts

Documentation

For full documentation, visit https://azouaoui-med.github.io/css-pro-layout

Getting started

You can install css pro layout with NPM or Yarn

NPM

npm install css-pro-layout

Yarn

yarn add css-pro-layout

Import css-pro-layout.css into your module

import 'css-pro-layout/dist/css/css-pro-layout.css';

CDN

You can also use the CDN link from unpkg.com

<link href="https://unpkg.com/css-pro-layout/dist/css/css-pro-layout.min.css" rel="stylesheet" />

Basic Usage

<div class="layout">
  <header class="header">Header</header>
  <main class="content">Content</main>
  <footer class="footer">Footer</footer>
</div>

Please refer to the Examples page for more use cases.

Demos

• Vanilla js | Sandbox
• React js | Sandbox
• vue js | Sandbox
• Angular | Sandbox

Change Log

This project adheres to Semantic Versioning. Every release, along with the migration instructions, is documented on the GitHub Releases page.

License

MIT © Mohamed Azouaoui