Snippets

Bluleadz Hubspot Flex Grid Override

Created by Chad Pierce
bz-flex-override.css
Raw 
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
/* FLEX GRID */
    .flex-grid > div > .row-fluid,
    .flex-grid > .row-fluid {
        display: -webkit-flex !important;
        display: -ms-flexbox !important;
        display: -webkit-box !important;
        display: flex !important;
    }
    .flex-grid__center > div > .row-fluid,
    .flex-grid__center > .row-fluid {
        -webkit-align-items: center;
            -ms-flex-align: center;
                -webkit-box-align: center;
                align-items: center;
    }
    .flex-grid__bottom > div > .row-fluid,
    .flex-grid__bottom > .row-fluid {
                -webkit-align-items: flex-end;
                    -ms-flex-align: end;
                        -webkit-box-align: end;
                        align-items: flex-end;
    }
    
    
    @media screen and (max-width:768px) {
        .flex-grid > div > .row-fluid,
        .flex-grid > .row-fluid  {
            display: block !important;
        }
        .flex-grid-mobile__2col > div > .row-fluid {
            display: -webkit-flex !important;
            display: -ms-flexbox !important;
            display: -webkit-box !important;
            display: flex !important;
        }
        .flex-grid-mobile__2col > div > .row-fluid > div[class*="span"]{
            width: 50%;
        }
    }

Comments (0)

HTTPS SSH

You can clone a snippet to your computer for local editing. Learn more.