Difference between revisions of "Team:NUS Singapore-A/Gallery"

Line 44: Line 44:
 
}
 
}
  
/* Create four equal columns that sits next to each other */
+
/* Create three equal columns that sits next to each other */
 
.column {
 
.column {
 
     -ms-flex: 33%; /* IE10 */
 
     -ms-flex: 33%; /* IE10 */
Line 54: Line 54:
 
.column img {
 
.column img {
 
     margin-top: 8px;
 
     margin-top: 8px;
     margin-bottom: 8px;
+
     margin-bottom: 20px;
 
     vertical-align: middle;
 
     vertical-align: middle;
 
}
 
}
Line 61: Line 61:
 
@media screen and (max-width: 800px) {
 
@media screen and (max-width: 800px) {
 
     .column {
 
     .column {
         -ms-flex: 50%;
+
         -ms-flex: 100%;
         flex: 50%;
+
         flex: 100%;
         max-width: 50%;
+
         max-width: 100%;
 
     }
 
     }
 
}
 
}
  
/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
+
<!--/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
 
@media screen and (max-width: 600px) {
 
@media screen and (max-width: 600px) {
 
     .column {
 
     .column {
Line 75: Line 75:
 
     }
 
     }
 
}
 
}
 
+
-->
 
</style>
 
</style>
  

Revision as of 05:07, 8 December 2018

CONNECT WITH US

Gallery Headers