7. Grid 4_4 Squared

7.1 Example

In this example, we only show the title and categories. Filters and pagination are included. The gap between column is 30px. Projects are displayed in a lightbox with the full description and different images.

Example

7.2 Example

In this example, we show the title, categories and excerpt. Filters are fixed when the user scrolls down.

Projects are displayed in a lightbox only with images.

Example

7.3 Example

Only the title and overlay layer are shown in the middle of the project and when the mouse enters both are hidden.

Example

7.4 Example

The title and excerpt are positioned at bottom.

Example

7.5 Example

The title and excerpt are positioned at top.

Example

7.6 Example

In this case, the title and the overlay layer are shown only when the mouse enters on a project. The column gap has been removed.

Example