Add Classes

Example 2: 1/3 - 2/3 irregular grid layout

We use use our 'twoThirds' and 'oneThird' styles to create a unique grid layout. This will give every 1st and 4th Collection Item one set of classes and every 2nd and 3rd Collection Item a different set of classes.

See Finsweet
Walkthrough

What we will cover

The structure of our CMS Collection List
Establishing all of the add-on classes on a static structure
Setting up our array (list) to hold all of the class pairings. In this How To our add-on classes create a 1/3 - 2/3 irregular grid layout
The .addclasses() component to add unique classes inside the Collection List
An explanation of start and frequency

2019

Project 1

Branding, Web Design

2020

Project 2

Branding

2017

Project 3

Web Design

2018

Project 4

Development

2018

Project 5

Development

2018

Project 6

Motion Graphics

2019

Project 7

Branding

2020

Project 8

Web Design

2019

This is some text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and content.

‍

2019

This is some text

Rich text element allows you stuff

2019

This is some text

Rich text element allows you stuff

2019

This is some text

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and content.

‍