.my_grid { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-gap:10px; }
.my_cols_1_2 { grid-column-start: 1; grid-column-end: 2; }
.my_cols_1_3 { grid-column-start: 1; grid-column-end: 3; }
.my_cols_1_4 { grid-column-start: 1; grid-column-end: 4; }
.my_cols_1_6 { grid-column-start: 1; grid-column-end: 6; }
.my_cols_1_7 { grid-column-start: 1; grid-column-end: 7; }
.my_cols_2_5 { grid-column-start: 2; grid-column-end: 5; }
.my_cols_3_5 { grid-column-start: 3; grid-column-end: 5; }
.my_cols_3_6 { grid-column-start: 3; grid-column-end: 6; }
.my_cols_3_7 { grid-column-start: 3; grid-column-end: 7; }
.my_cols_4_5 { grid-column-start: 4; grid-column-end: 5; }
.my_cols_4_6 { grid-column-start: 4; grid-column-end: 6; }
.my_cols_4_7 { grid-column-start: 4; grid-column-end: 7; }
.my_cols_5_6 { grid-column-start: 5; grid-column-end: 6; }
.my_cols_5_7 { grid-column-start: 5; grid-column-end: 7; }
video { width:100%; }
img { width:100%; height:auto; }