Home

Awesome

CSS Pro Layout

CSS library for building responsive and customizable page layouts

npm License

<hr>

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

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