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.
To install Cherry Grid, run the command:
npm install cherry-grid
Import the CSS grid file in your code:
Below you will find a typical example of the grid usage.
See how aspects of the Cherry grid system work across multiple devices.
|Extra Small||Small||Medium||Large||XL Large||XX Large||XXX Large|
|Min container width||0||576px||768px||992px||1200px||1440px||1920px|