Looking for Source Grid inspiration?

Looking for grid ideas to build in Source using the Grid Plus, then check this out:

Check out the inspirational CSS Grid demos by Olivia Ng at https://codepen.io/oliviale

Edit. To anyone not familiar with Sources’ Grid Plus or CSS Grid, the layout above is a layout on a web page, it isn’t an image created in Sketch. It is a fully editable responsive layout.

6 Likes

She has got a load of great examples of CSS Grid. I started replicating the menu one a while back. Will try and finish it off at some point and post here!

Here’s simple business card one I replicated from a different designer’s codepen example.

image

https://demo.shakingthehabitual.com/sth/source/grids/b-card/

2 Likes

Cool. She is very talented and generous by showing how these are created.

1 Like