Skip to content

Instantly share code, notes, and snippets.

@lukasrudnik
Created May 30, 2017 08:35
Show Gist options
  • Save lukasrudnik/413bc9b7aed8282062f6eec22e2595c7 to your computer and use it in GitHub Desktop.
Save lukasrudnik/413bc9b7aed8282062f6eec22e2595c7 to your computer and use it in GitHub Desktop.
Solutions Grid Garden
1) grid-column-start: 3;
2) grid-column-start: 5;
3) grid-column-end: 4;
4) grid-column-end: 2;
5) grid-column-end: 5;
6) grid-column-start: 4;
7) grid-column-end: span 2;
8) grid-column-end: span 5;
9) grid-column-start: 3;
10) grid-column: 4/6;
11) grid-column: 2/5;
12) grid-row-start: 3;
13) grid-row: 3/6;
14) grid-column: 2;
grid-row: 5;
15) grid-column: 2/6;
grid-row: 1/6;
16) grid-area: 1/2/4/6;
17) grid-area: 2/3/5/6;
18) order: 4;
19) order: -1;
20) grid-template-columns: 50%;
21) grid-template-columns: repeat(8, 12.5%);
22) grid-template-columns: 100px 3em 40%;
23) grid-template-columns: 1fr 5fr;
24)
25)
26)
27)
28)
@torpedoking
Copy link

  1. grid-template-columns: 50px repeat(3, 1fr) 50px
  2. grid-template-columns: 75px 3fr 2fr;
  3. grid-template-rows: repeat(4, 12.5px);
  4. grid-template: 60% / 200px;
  5. grid-template: 1fr 50px / 1fr 4fr;

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment