Created
May 30, 2017 08:35
-
-
Save lukasrudnik/413bc9b7aed8282062f6eec22e2595c7 to your computer and use it in GitHub Desktop.
Solutions Grid Garden
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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
commented
Jun 25, 2024
- grid-template-columns: 50px repeat(3, 1fr) 50px
- grid-template-columns: 75px 3fr 2fr;
- grid-template-rows: repeat(4, 12.5px);
- grid-template: 60% / 200px;
- grid-template: 1fr 50px / 1fr 4fr;
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment