.row { display: -ms-flexbox; /* IE10 */ display: flex; -ms-flex-wrap: wrap; /* IE10 */ flex-wrap: wrap; padding: 0 px; } /* Create two equal columns that sits next to each other */ .column { -ms-flex: 50%; /* IE10 */ flex: 50%; max-width: 50%; padding: 0 0px; } .column img { margin-top: 0px; vertical-align: middle; } /* Responsive layout - makes a one column-layout instead of two columns */ @media (max-width: 1240px) { .column { -ms-flex: 50%; flex: 50%; max-width: 50%; } } /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ @media (max-width: 1240px) { .column { -ms-flex: 100%; flex: 100%; max-width: 100%; } }