Content added Content deleted
(making images responsive) |
(columns class) |
||
Line 6: | Line 6: | ||
max-width:100%; |
max-width:100%; |
||
height:auto; |
height:auto; |
||
} |
|||
/****************************** |
|||
* Columns on the main page |
|||
******************************/ |
|||
@media all and (min-width: 768px) { |
|||
.column { |
|||
float: left; |
|||
width: 50%; |
|||
} |
|||
.column-first { |
|||
padding-right: 10px; |
|||
} |
|||
.column-second { |
|||
padding-left: 10px; |
|||
} |
|||
.sister-projects { |
|||
text-align: center; |
|||
} |
|||
} |
} |
Revision as of 23:50, 14 January 2023
/* CSS placed here will be applied to all skins */
/******************************
* To make images responsive
******************************/
.res-img img {
max-width:100%;
height:auto;
}
/******************************
* Columns on the main page
******************************/
@media all and (min-width: 768px) {
.column {
float: left;
width: 50%;
}
.column-first {
padding-right: 10px;
}
.column-second {
padding-left: 10px;
}
.sister-projects {
text-align: center;
}
}