Skip to content

Latest commit

 

History

History
59 lines (42 loc) · 1.71 KB

README.md

File metadata and controls

59 lines (42 loc) · 1.71 KB
Raw

product.css - Lightweight CSS Grid System for Web Development

product.css logo

Product.css is a lightweight CSS framework based on Foundation CSS framework.

jsDelivr Hits

Use From the CDN:

<link href="https://cdn.jsdelivr.net/gh/salil-naik/product.css/v-2.0/product.min.css" rel="stylesheet" type="text/css" />

Features

product.css is a lightweight css framework which helps in making websites responsive. It is a very light weight css framework, a cut down version of Foundation CSS framework. Some of the key features of product.css are:

  • Small footprint: product.min.css - 9 K
  • A responsive grid with mobile friendly approach
  • Perfect for website with less or no js functionalities
  • Structure is same as Foundation's. No need to learn a new framework

Example

<div class="grid-container">
    <div class="grid-x">
        <div class="cell large-4 medium-2">
            <!-- Content-->
        </div>
        
        <div class="cell large-4 medium-2">
            <!-- Content-->
        </div>

        <div class="cell large-4 medium-2">
            <!-- Content-->
        </div>
    </div>
</div>

Representation

grid explaination



Example below shows the usage of the grid system

grid explaination