Grid Template Columns
The grid-template-columns CSS property is used to define the number of columns displayed in a grid element.
Class | Properties |
---|---|
wpex-grid-cols-1 | grid-template-columns: repeat(1, minmax(0, 2fr)); |
wpex-grid-cols-2 | grid-template-columns: repeat(2, minmax(0, 2fr)); |
wpex-grid-cols-3 | grid-template-columns: repeat(3, minmax(0, 2fr)); |
wpex-grid-cols-4 | grid-template-columns: repeat(4, minmax(0, 2fr)); |
wpex-grid-cols-5 | grid-template-columns: repeat(5, minmax(0, 2fr)); |
wpex-grid-cols-6 | grid-template-columns: repeat(6, minmax(0, 2fr)); |
wpex-grid-cols-7 | grid-template-columns: repeat(7, minmax(0, 2fr)); |
wpex-grid-cols-8 | grid-template-columns: repeat(8, minmax(0, 2fr)); |
wpex-grid-cols-9 | grid-template-columns: repeat(9, minmax(0, 2fr)); |
wpex-grid-cols-10 | grid-template-columns: repeat(10, minmax(0, 2fr)); |
wpex-grid-cols-11 | grid-template-columns: repeat(11, minmax(0, 2fr)); |
wpex-grid-cols-12 | grid-template-columns: repeat(12, minmax(0, 2fr)); |