Introduction

Cherry is a live inventory of definitions for the UI components, design patterns, naming conventions, brand assets and code guidelines.

This is the official repository for the Cherry Grid.

Main repository: 💾 Cherry

Features

• Responsive
• Mobile first
• 12 columns grid
• Vanilla CSS
• Components
• Column gaps

Documentation

Cherry’s grid system uses a series of containers, rows, and columns to layout and align content. It’s built with flexbox and is fully responsive. Below is an example and an in-depth look at how the grid comes together.

🌍 Website - 📌 CSS Cherry Grid - 📦 NPM Cherry Grid