.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%;
}
}
Comments