Marilyn         Slide shows 7           Email Us   
Presentation 1      |     Contact Us
 
     grid
The grid-template-columns Property
Use the grid-template-columns property to define the number of columns in the grid layout.
This grid layout has 3 columns:
Apart from static values, the minmax() function also accepts percentage units and the new fraction (fr) unit as arguments. By using them, we can achieve custom grids that are both responsive and change their dimensions according to the available space.
The code below results in a grid in which the width of the first column ranges between 50% and 80% while the second and the third one evenly share the remaining space.

grid-template-columns: minmax(50%, 80%) 1fr 1fr;
1 The grid-template-columns Property
Use the grid-template-columns property to define the number of columns in the grid layout.
2 The grid-template-columns Property
Use the grid-template-columns property to define the number of columns in the grid layout.
3
4
5 The grid-template-columns Property
Use the grid-template-columns property to define the number of columns in the grid layout.

6 The grid-template-columns Property
Use the grid-template-columns property to define the number of columns in the grid layout.
7
8
9
10
11
Marylin as ever
12 The grid-template-columns Property
Use the grid-template-columns property to define the number of columns in the grid layout.

13
Hello Bill
The grid-template-columns Property Use the grid-template-columns property to define the number of columns in the grid layout.
The grid-template-columns Property Use the grid-template-columns property to define the number of columns in the grid layout.
14
15
16
17
18
© fasteshops.co.uk 2017
gallery_1(vertical)      |     gallery_1(horizontal)      |     Cookies and Privacy Policy       |     Hollywood
     © Talking Birds Ltd