...Or link the below css file between the <head> </head> tags of your html to test drive it.
<link rel="stylesheet" href="https://theelixirhaus.com/trellis-css/css/trellis.css">
Once downloaded, organzie the files with eachother, modify the style variables in the configuration file to suite your brand, then include the Trellis CSS file in your project
You'll need to view it on a desktop size screen to see the responsive states in action.
Note: A range of properties are described in the syntax format for the classes detailed below. These properties are identified with brackets "[ ]". Below is a key listing the value options for each property.
Set column size to change at different screen widths by defining column width and screensize.
The below displays as specific columns only on small (Tablet portrait) sizes screens and up.
Use "t-contain" and "t-pos:cntr" to constrain the width of content to the site width and to position it center.
Alternatively you can position content to the left using "t-pos:lt" or right using "t-pos:rt".
Positioning content is also controllable by defining a screen size in the following format: t-pos:[side]:[screen size*]