More actions
/* Responsive layout for two columns on the main page */
.flex-container {
display: flex;
flex-wrap: wrap;
}
.flex-left {
padding: 10px;
flex: 60%;
}
.flex-right {
padding: 10px;
flex: 40%;
}
/* Responsive layout - makes a one column-layout instead of a two-column layout */
@media (max-width: 800px) {
.flex-image, .flex-table {
flex: 100%;
}
}